tuanphan

Use this code to Custom CSS box [class*="type-events"].view-item div.header-nav-item>a { color: white !important; }

You can share site url, we can check easier

You can use a standard page and hide header/footer, then set as it homepage, instead of use lock page

Your screenshot is Custom CSS, not Lock Screen box Access Website Tools (under Not Linked) > Code Injection > Scroll down a bit, you will see Lock Screen (or Lock Page) box.

Change red code to this code .ugb-video-popup a { z-index: 3; box-shadow: none !important; background: transparent !important; display: block !important; color: #fff; text-decoration: none; } and change this to this code .ugb-video-preview, .ugb-video-popup a, .ugb-play-button { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } result

Try this code to Website Tools (under Not Linked) > Custom CSS body .sqs-gallery-design-stacked-slide { opacity: 1 !important; transition: unset !important; } body div:not(.sqs-active-slide) { visibility: hidden !important; } body div.sqs-active-slide { visibility: visible !important; }

You can use Gallery Slideshow Fullscreen to achieve this or List Section Banner Slideshow

You mean Initial: change opacity of button Hover: change opacity to 1 ?

You mean change color of all sections on current page when click burger? or add a color overlay over page?

You can use this code to Website Tools (under Not Linked) > Custom CSS body.view-list div.sqs-add-to-cart-button { padding: 5px 10px !important; font-size: 16px !important; }

You can also build a custom table with the 2 tools above, or find the code at Codepen.io, then insert some product blocks below, I can help you move the purchase button from the product block to the pricing table.

@Dandeboy Use this CSS code button.wp-block-navigation__responsive-container-open:before { content: "Menu"; }

You mean this video? When change language, WeGlot adds a name to HTML tag of website Default: html[lang="de-CH"] If choose English >> It is html[lang="en"] So we can use this code + target video block id to hide it For example, if you want to hide current video on English Page, we will use this CSS code html[lang="en"] div#block-3cc00b0d72362a527745 { display: none !important; } or on De CH language, use this html[lang="de-CH"] div#block-3cc00b0d72362a527745 { display: none !important; } so my ideal is add 2 videos, then use CSS code to hide corresponding video on each page Use this tool to find video block id: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

Hi, Can you share link to page where you use video?

Remove above code 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> jQuery(document).ready(function($){ $('.image-block a').closest('.image-block').addClass('zoom-hover'); }) </script> <style> .image-block img { transition: all .3s } .zoom-hover:hover img { transform: scale(1.1); transition: all .3s } </style> Script code will find Linked Images, then add a name: zoom-hover Style code will set hover code for Zoom-Hover Image only

Which page are you referring to? It looks fine on homepage

You can try List Section Simple (you can enter title, description, image, button in one place) or Image Block + Text Block + Button Block

Your code missed a closing } symbol .native-video-player.video-player { padding-bottom: 100% !important; }

This is not possible to upload file to root domain. Do they allow another way to verify?

each template in 7.0 have a different structure header, so you need to share url, we can check easier

With SS 7.1, use this CSS code header#header { border-bottom: 2px solid black; }

Add 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() { $('<ul class="tp-ul"><li><a href="https://www.tokyn.com.au/shop/tops">Top</a></li><li><a href="https://www.tokyn.com.au/shop/dresses-and-jumpsuits">Dresses and Jumpsuits</a></li><li><a href="https://www.tokyn.com.au/shop/bottoms">Bottoms</a></li><li><a href="https://www.tokyn.com.au/shop/knitwear">Knitwear</a></li><li><a href="https://www.tokyn.com.au/shop/outerwear">Outerwear</a></li><li><a href="https://www.tokyn.com.au/shop/accessories">Accessories</a></li><li><a href="https://www.tokyn.com.au/shop/gift-cards">Giftcards</a></li></ul>').insertBefore('nav.ProductItem-nav'); }); </script> <style> ul.tp-ul { list-style: none; padding-left: 0; display: flex; align-items: center; justify-content: center; } ul.tp-ul li { margin-right: 1vw; margin-left: 1vw; padding: 10px; } </style>

Hi, Can you share link to home page?

What is your site url? We can check easier

You mean when users is on this page https://www.lewisrossignolart.com/original-artwork/best-sellers will make "Shop" item change color + add a line, like this?