tuanphan

Hi, What is problem? See video https://www.loom.com/share/f0fb4ac57ec74f229ae266447ecd3b0e

Can you check on live mode?

We can use Custom code to change p1 style to p2,.. Now you want to set this with code?

Change your code to this body:not(#collection-5e815582abb56b3bf61d9204) #page { background-image:url(https://static1.squarespace.com/static/5e8153bfb44957431114ef44/t/649ca8eb65c764054e3a0785/1687988460154/Blue+Background.jpg); background-size: cover; } body:not(#collection-5e815582abb56b3bf61d9204) .section-border{ opacity:0 !important; }

See #2 code

Add to Design > Custom CSS @media screen and (max-width:767px) { footer.sections a.email { margin-right: 0 !important; } }

Add to Design > Custom CSS div#block-yui_3_17_2_1_1687818723123_3453 .sqs-intrinsic { padding-bottom: 30% !important; }

Hi, What is site url? We can check easier

Use this CSS code div.option * { font-family: 'AGRANDIR' !important; }

Suppose your site is ttchva.squarespace.com You can access this link: ttchva.squarespace.com/config/safe It will disable all code in Edit Mode, then you can edit everything easier

Hi, Can you share link to page where you use carousel? We can check easier

Add to Design > Custom CSS a.Mobile-overlay-folder-item[href="/coasters"], a.Mobile-overlay-folder-item[href="/jugs"] { margin-bottom: 40px; }

Your site is private. Can you setup an access password?

What is page url?

/config is ur for site owner/contributor You can look at top right/top left > click on an arrow > real url will appear on browser address bar

Can you share link to your site? We can check problem easier

Something like this? for desktop + mobile?

Can you share link to your site?

Add to Design > Custom CSS /* Shop Calendar Button */ div#block-1a120f1d30f77a99311a a { background-color: #f1f !important; }

Add to Design > Custom CSS .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible { background-color: transparent !important; } .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible * { color: black !important; font-family: 'baskerville' !important; }

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

I see it worked here, from screen sizes 768px to 1000px If you have problem with other sizes, just adjust these number

Use this CSS /* center product info */ .product-details.pdp-details * { text-align: center !important; }

Like this example? https://thung.squarespace.com/poster-block?noredirect Pass: abc

Edit page where you want to place this countup > Add a Code Block > paste this code <div id="timer"></div> <style> #timer { font-size: 3em; font-weight: 100; color: white; text-shadow: 0 0 20px #48C8FF; } #timer div { display: inline-block; min-width: 90px; } #timer div span { color: #B1CDF1; display: block; font-size: 0.35em; font-weight: 400; } </style> <script> function updateTimer() { future = Date.parse("June 11, 2020 11:30:00"); now = new Date(); diff = future - now; days = Math.floor( diff / (1000*60*60*24) ); hours = Math.floor( diff / (1000*60*60) ); mins = Math.floor( diff / (1000*60) ); secs = Math.floor( diff / 1000 ); d = days; h = hours - days * 24; m = mins - hours * 60; s = secs - mins * 60; document.getElementById("timer") .innerHTML = '<div>' + d + '<span>days</span></div>' + '<div>' + h + '<span>hours</span></div>' + '<div>' + m + '<span>minutes</span></div>' + '<div>' + s + '<span>seconds</span></div>' ; } setInterval('updateTimer()', 1000 ); </script>