tuanphan

It already white to me, or you mean change footer on cart page from black to white?

If you share link to this page, we can check easier

You can add this code to Website Tools (under Not Linked) > Custom CSS body.homepage article section:first-child { padding-top: 0px !important; } body.homepage header#header { background-color: transparent !important; }

In your code, change height:100% to height:500px

Hi, Can you share link to this page?

Hi, It already fine to me. Did you solve it?

Hi, Which page are you referring to? I don't see it on homepage

Hi, You can use Lightbox Plugin (affiliate link) or this link (non-affiliate link) to achieve this. With plugin, you can Add a Not Linked Page > Add your content here >> Then add lightbox url to Header Button, the url will be like this: #lightbox_not-linked-page-url However, if you use some custom app, eg: Calendly, TypeForm or click button > show form in popup, we can achieve this with code without using plugin. If you describe your case clearly, we can make it easier

You can add this to Website Tools (under Not Linked) > Custom CSS to override that code /* announcement bar */ .sqs-announcement-bar-dropzone { min-height: unset !important; }

I think you need to change .header-title-text { font-family: 'Public Sans';} to a#site-title { font-family: 'Public Sans' !important; }

Which mega menu plugin did you use? I guess the plugin use a specific section in Footer, we can target another section. I wrote a quick guide here (use section in Footer + use page in Not Linked), you can check

Some code to add a Section to Product Detail Page (in Additional Info) Add to some products Add to all products I will share 2 ways to do these Use Section in Site Footer Use a page in Not Linked (require plugin) If you can't install the code, you can comment below or message me, I will help you install it. Here I have not written code for another case: When you want to use Different Section for Different products. If you have this problem, just comment below with your detail request + site url, I will provide the code A. Use Section in Site Footer #1. Add to all products First you need to add a Section to Site Footer. Let's say it's the second section in Footer Next, add this code to Website Tools (under Not Linked) > Custom CSS. The code will hide this section on all pages (exclude Product Detail Page) footer.sections section:nth-child(2) { display: none !important; } Next, add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('footer.sections section:nth-child(2)').insertAfter('section.ProductItem-additional'); }); </script> <style> section.ProductItem-additional+section { display: block !important; } </style> #2. Add to some specific products First, you create a tag with name: more-info and assign it for all products where you want to add section Next, add this code to Website Tools (under Not Linked) > Custom CSS. The code will hide this section on all pages (exclude Product Detail Page) footer.sections section:nth-child(2) { display: none !important; } Next, add this code to Website Tools (under Not Linked) > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('footer.sections section:nth-child(2)').insertAfter('.tag-more-info section.ProductItem-additional'); }); </script> <style> .tag-more-info section.ProductItem-additional+section { display: block !important; } </style> A. Use a Not Linked Page #1. Add to all products First, you need to install Section Loader Supreme Plugin https://www.will-myers.com/products/p/section-loader-supreme Next, add a Page in Not Linked Page Name: Product Additional Info URL: /product-additional-info then design your layout Next, add this code to Shop/Store Page Header Code Injection <div data-wm-plugin="load" data-target="/product-additional-info"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('[data-wm-plugin]').insertAfter('section.ProductItem-additional'); }) </script> <style> section.ProductItem-additional+[data-wm-plugin] { display: block !important; } </style> Next, add this code to Website Tools (under Not Linked) > Custom CSS Use this code, because the content in Not Linked Page will appears on top of product 1-2 seconds before disappear [data-wm-plugin] { display: none; } #2. Add to some specific products Similar (A), add tag: more-info then use this code to Shop Page Header Code Injection <div data-wm-plugin="load" data-target="/product-additional-info"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('[data-wm-plugin]').insertAfter('.tag-more-info section.ProductItem-additional'); }) </script> <style> .tag-more-info section.ProductItem-additional+[data-wm-plugin] { display: block !important; } </style>

You can use this code to Custom CSS div#block-d7bd4600a9ee004ca4a8 .form-item.checkbox label input[type="checkbox"]:checked { background-color: #a9a9a9 !important; }

It looks fine to me

You can add 2 galleries, then I will give code to show strips on desktop, and show masonry on mobile only

I see you are using Gallery Block Grid, not Gallery Section You use this code to reduce opacity, so it will affect both title + image You can change that code to this code, to make it affect on image only .sqs-gallery-block-grid img { opacity: 0.5 !important; }

You can setup password & share url, then we can check easier

You can set Grid: Overlay on Settings, then use this code to Website Tools (under Not Linked) > Custom CSS to change it to Grid: Simple on Mobile /* Portfolio Overlay to grid mobile */ @media screen and (max-width:767px) { div#gridThumbs { grid-template-columns: repeat(2,1fr); } a.grid-item { height: unset !important; padding-bottom: 0 !important; } .portfolio-text { position: relative !important; opacity: 1 !important; } }

Hi, What is site url?

Can you share link to a page where you use accordion, I can check easier

Add this to Website Tools (under Not Linked) > Custom CSS div.grid-item.sold-out .sqs-add-to-cart-button-inner { font-size: 0; } div.grid-item.sold-out .sqs-add-to-cart-button-inner:before { content: "Price on Request"; font-size: 16px; }

Sometimes uploaded files won't work on Trial Plan

You mean make 2 images side by side?

Use this code div.html-block { a[href*="maps"]:hover span, a[href*="tel"]:hover span, a[href*="mailto"]:hover span { color: red !important; }}

You mean target Pagination on Category Page or on Blog Posts belong Category?