tuanphan

So you want to replace it with a logo, or a logo + text or a text or? We can adjust code easier If replace logo, you can send here, we can give you logo url

All Gallery Grid Simple on your site or gallery on specific page? If specific, can you share url? If all, let me know, I will give code

You mean remove these padding?

#1. To use custom font, add this code to Website Tools (under Not Linked) > Custom CSS /* Popup font */ div.sqs-slide-layer-content * { font-family: 'span' !important; } To center popup on mobile, use this CSS code @media screen and (max-width:767px) { .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide { top: 50% !important; bottom: unset !important; transform: translate(-50%, -50%) !important; position: fixed !important; left: 50%; } } #2. Use this CSS /* remove header overlay */ header#header { background-color: transparent !important; } #3. Can you share link to a page where you have problem? #4. Use this CSS code body.homepage .burger-inner>div { background-color: black !important; } #5.

Use this new code a.grid-item { height: unset !important; padding-bottom: 0 !important; } .portfolio-text { opacity: 1 !important; padding: 5px !important; background-color: rgba(255,255,255,0.75); top: unset !important; } h3.portfolio-title { font-size: 20px !important; }

Mobile: Size of Shop title + Shop sub links? Desktop: spacing of these items?

Numbered: It requires a lot of code, It will take a lot of time, you can consider another approach You mean remove title or move title to top?

Can you share link to page where you use gallery?

Hi, Add to red box, or add it under Search input?

https://round-rhubarb-hrce.squarespace.com/shop/p/original/p/ns-szanp Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('div#block-5f21465b141b11697cc4').insertAfter('.ProductItem-gallery-slides'); }) </script> <style> .ProductItem-gallery-slides { width: 100% !important; } section.ProductItem-gallery { flex-direction: column; } </style>

Which code did you use? Can you share link to enquiry page?

Add to Website Tools (under Not Linked) > Custom CSS /* Buttons on mobile */ @media screen and (max-width:640px) { /* releases */ div#page-58400879e4fcb526208ee129 .span-12>.row>.span-6 { width: 40% !important; float: left !important; } div#page-58400879e4fcb526208ee129 * { white-space: nowrap !important; } /* Broadcast */ div#page-5accd6d3562fa79982dac32f .span-12>.row>.span-6 { width: 48% !important; float: left !important; } div#page-5accd6d3562fa79982dac32f * { white-space: nowrap !important; }}

You mean when users enter the form >> show a message + open a pdf in a new tab?

Just add this code under /* title size */ .grid-title { font-size: 20px !important; }

Change your code to this [enter your data section id here] { &, .section-background, .section-border { background: linear-gradient(45deg, #d9570e, #5b7857, #aed4a9, #3396ac, #7d31a8); background-size: 2000px 1160px; -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite; }} @-webkit-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } Use this tool to find data section id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

The code already worked, It's just that it works on page load, not on page scroll, you can scroll to that section then reload the page, you will see.

Can you send site url + CSS code?

Use this code for mobile div.container.header-menu-nav-item>a { background-size: 16px; background-repeat: no-repeat; color: transparent; background-position: center; } div.container.header-menu-nav-item:nth-last-child(-n+3) * { color: transparent !important; } div.container.header-menu-nav-item:nth-last-child(3)>a { background-image: url(https://cdn.countryflags.com/thumbs/czech-republic/flag-round-250.png); } div.container.header-menu-nav-item:nth-last-child(2)>a { background-image: url(https://cdn.countryflags.com/thumbs/germany/flag-round-250.png); }

Add this code to last Line in Website Tools (under Not Linked) > Code Injection > Footer. See video <script> $(document).ready(function(){ // Cover $('h4 [href="#cover"]').click(function() { $('[data-section-id="6555941177381b2e3561cb46"]').show(); $('[data-section-id="65559916081ddb3afe27e40f"],[data-section-id="65559d5556e2cf601c1aeed7"]').hide(); $(this).addClass('button-active'); $('h4 a:not([href="#cover"])').removeClass('button-active'); }); // Grid $('h4 [href="#grid"]').click(function() { $('[data-section-id="65559916081ddb3afe27e40f"]').show(); $('[data-section-id="6555941177381b2e3561cb46"],[data-section-id="65559d5556e2cf601c1aeed7"]').hide(); $(this).addClass('button-active'); $('h4 a:not([href="#grid"])').removeClass('button-active'); }); // List $('h4 [href="#list"]').click(function() { $('[data-section-id="65559d5556e2cf601c1aeed7"]').show(); $('[data-section-id="6555941177381b2e3561cb46"],[data-section-id="65559916081ddb3afe27e40f"]').hide(); $(this).addClass('button-active'); $('h4 a:not([href="#list"])').removeClass('button-active'); }); }); </script> <style> /* Hide Grid - List */ [data-section-id="65559916081ddb3afe27e40f"], [data-section-id="65559d5556e2cf601c1aeed7"] { display: none; } /* set class when clicking buttons */ .show { display: block !important; } .hide { display: none !important; } a.button-active { color: gray !important; } </style>

So your problem is remove space or update content across the page?

I see you used some fonts, which font do you have problems with?

Hi, Can you share link to this accordion page? We can check easier

You can add this code to Website Tools (under Not Linked) > Custom CSS div.header-nav-item:nth-child(1):hover { background-color: #745C8E !important; } div.header-nav-item:nth-child(2):hover { background-color: #2D6945 !important; } div.header-nav-item:nth-child(3):hover { background-color: #C8553D !important; }

Add this code to Website Tools (under Not Linked) > Custom CSS /* remove on Studio page */ .portfolio-overlay { opacity: 0 !important; background-color: none !important; } a.grid-item { opacity: 1 !important; } (I see problem appears on /studio page only)

Hi, Can you share link to a product? We can check easier