tuanphan

Add to Design > Custom CSS to fix problem body.homepage .section-background,body.homepage .section-border { background-color: transparent !important; }

Yes. Possible. If you use Business Plan/higher, add this code to Portfolio Page Header <style> /* Move portfolio pagination to top */ body main#page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 100px; } body section.item-pagination.item-pagination--prev-next { padding-top: 0; padding-bottom: 5px; } body #page section:first-child { padding-top: 10px !important; } </style> If you use Personal Plan, add this to Design > Custom CSS. However this code runs on both Portfolio, Blog, Event Page. So if you share link to your site, we can adjust code easier /* Move portfolio pagination to top */ body main#page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding-top: 100px; } body section.item-pagination.item-pagination--prev-next { padding-top: 0; padding-bottom: 5px; } body #page section:first-child { padding-top: 10px !important; }

Use this code to add hover color /* link hover */ .sqs-block-archive .archive-block-setting-layout-index .archive-item-link:hover { color: #f1f !important; }

Sent a private message

Yes. You need to add all images, then I can give new code When you add all, I can adjust code to make first image always show on initial

#1. Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('#gridThumbs a.grid-item').removeAttr('href'); }); </script> #2. Add to Design > Custom CSS /* Hover Portfolio - Show coming soon */ a.grid-item .grid-image-inner-wrapper:after { content: "Coming Soon"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; font-weight: bold; opacity: 0; } a.grid-item:hover .grid-image-inner-wrapper:after { opacity: 1; }

Add this to Design > Custom CSS .section-border { background: transparent; }

Hi, What is site url?

Can you take screenshots on edit mode - live mode? We can compare easier

Which page are you referring to?

Try edit title, use this format <strong>Title</strong><br/> Size, Medium

Thank you. What is your site url? Do you use any custom code?

Choose this option

Can you share link to page? We can check easier

Hi, This is your site or ? If this is not your site, you need to check again Your Permissions.

What is your site url?

You mean you want to use different text for desktop - mobile button?

If you share link to your site, we can check easier

Can you share link to page where you use masonry? We can help easier

The site is private. Can you setup a password?

In Upload Media tab > Hover image > Click Gear Icon > Then you can add text

Try adding to Design > Custom CSS. If it doesn't work, keep the code in CSS box, we can check easier

Don't remove any code in your current code Add to Design > Custom CSS nav.header-nav-list>div:nth-child(n+4) { position: absolute; right: 0vw; bottom: 0; } nav.header-nav-list>div:nth-child(4) { bottom: 2vw; }

You mean recreate this layout?

Hi, Do you use List Section Carousel?