tuanphan

Have you solved it yet? If no, can you share shop page url?

Can you share site url? We can help easier

Hi, The url doesn't work to me. (If you are in edit mode, it will always show built-in domain: jellyfish-cyan-jtnb.squarespace.com)

You can add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS main#page>div.page-text-wrapper { margin-top: 0px !important; margin-bottom: 0px !important; }

You can add this code to Website > Website Tools (under Not Linked) > Custom CSS div.header-nav-folder-content { background-color: transparent !important; }

Your screenshots look fine. Which page do you have problems with?

Hi, We can use code to reduce logo + nav items a bit, if you share site url, we can help easier

Hi, Instead of using Image Blocks, you can consider using Gallery, we can achieve Hover effect easier Also, if you want to use Image Block, you should add Classic Editor Section, then add Image Block, you will achieve overlay with code easier (Add Blank Classic Editor in screenshot)

Can you share link to a page where you have underline? We can check/test code easier

Which template do you use? and what is your site url? Recently I helped a member, and they need to changed it in Settings

You can use Site Nav plugin by @WillMyers to create new site navigation in Member Area https://www.will-myers.com/products/p/main-nav-replacer

Just change a to * div#mobileNav * { font-size: 26px !important; }

What is your site url? We can adjust code easier

Add this code to top of CSS box /* vietnamese */ @font-face { font-family: 'Allison'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/allison/v11/X7nl4b88AP2nkbvZCC6a4fTg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Allison'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/allison/v11/X7nl4b88AP2nkbvZCC-a4fTg.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Allison'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/allison/v11/X7nl4b88AP2nkbvZCCGa4Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

I see you figured it out?

Hi, You mean this template? https://hawley-fluid-demo.squarespace.com/

Big in height? I think you should able to edit section > adjust height? or add this code under <style> article>section:first-child { padding-top: 0px !important; } </style>

Add this code to Website > Website Tools (under Not Linked) > Code Injection > Footer (this code will move Accordion Block Section to Additional Info of all products) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('[data-section-id="654e3ba719e0bb19b39b2ed8"]').insertAfter('section.ProductItem-summary'); }) </script> Next, add this code to Website Tools > Custom CSS (this code will hide accordion section on other pages) [data-section-id="654e3ba719e0bb19b39b2ed8"] { display: none !important; } [class*="type-products"].view-item [data-section-id="654e3ba719e0bb19b39b2ed8"] { display: block !important; }

Add this code to Website > 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> $(function() { var loc = window.location.href; // returns the full URL if(/new-in/.test(loc)) { $('body').addClass('new-in'); } var loc = window.location.href; // returns the full URL if(/prints/.test(loc)) { $('body').addClass('prints'); } }); </script> <style> body.new-in header#header [href*="/new-in"], body.new-in header#header [href*="/prints"] { background-image: linear-gradient(currentColor,currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100% !important; background-position: 0 calc(100% - 0.1em); } body.new-in header#header [href="/shop"] { background-image: none !important; } </style> This code for New In, if it works, I will send code for other

First, apply to become a Circle Member (you will have 6 month trial when creating a new site) Next, create a site >> design template there When a client purchase your template >> you duplicate the template site >> add your client as a contributor >> then transfer ownership to them.

Try this code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function() { $(".burger-inner").click(function() { $('html').addClass('html-burger-open'); }); }); </script> <style> html.html-burger-open { overflow: hidden; } </style>

You mean this line? and apply to this position?

It looks like problem appears on iOS? I checked on my Samsung/Chrome and it is fine.

With Overview page, use this code div.post-type-store-item figure.grid-image { border: 1px solid black; border-radius: 10px; } With space under price, use this code .ProductItem-details .ProductItem-product-price, .ProductItem-details .ProductItem-product-price .product-price { margin-bottom: 0px !important; }

Something like this screenshot (this is screenshot from a Squarespace site) > Click on each marker >> show more info in a lightbox