tuanphan

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>

I guess you should post on some SEO groups, you will get more opinion

See video https://www.loom.com/share/c3aafa479b3e43b880c2fee86e5d9913

Try this CSS .gallery-grid-item-wrapper { border: 1px solid black; }

Yes. My ideal is use Image Block or Gallery Section. With Gallery Section, we can achieve text hover effect easier

You mean: Remove Blue Overlay + Remove lightbox on Footer images?

You can add a Gallery Section with some images, then share link to page where you added it, we can give some code to make this appear.

It worked to me. You try checking it again

Can you share link to a product? The links above doesn't exist

Add to Design > Custom CSS /* Landing page video */ body#collection-60623af655fead56729bf37f article section { height: 100vh !important; min-height: 100vh !important; } body#collection-60623af655fead56729bf37f { overflow: hidden; }

You try adding this to Code Injection > Footer to prevent audio open in new tab in iOS <script> window.addEventListener("load", function(){ Y.UA.ios = 0; }) </script>

You mean this spacing?

Use this /* Continue shopping button */ a.cart-continue-button { color: white !important; font-family: monospace !important; font-size: 30px !important; color: #f1f !important; }

Just add this /* Continue shopping button */ a.cart-continue-button { color: white !important; font-family: monospace !important; font-size: 30px !important; }

Change the code to this @media screen and (min-width:901px) { .BlogList-item-body .html-block { width: 70% !important; } }

First you need to edit Page > Click "Add Section"> Then you will see "Add Block" tool

Add a Code Block > paste this <button class="button"> Fancy Button <div class="button__horizontal"></div> <div class="button__vertical"></div> </button> <style> .button { --offset: 10px; --border-size: 2px; display: block; position: relative; padding: 1.5em 3em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: transparent; color: #e55743; text-transform: uppercase; letter-spacing: 0.25em; outline: none; cursor: pointer; font-weight: bold; border-radius: 0; box-shadow: inset 0 0 0 var(--border-size) currentcolor; transition: background 0.8s ease; } .button:hover { background: rgba(100, 0, 0, 0.03); } .button__horizontal, .button__vertical { position: absolute; top: var(--horizontal-offset, 0); right: var(--vertical-offset, 0); bottom: var(--horizontal-offset, 0); left: var(--vertical-offset, 0); transition: transform 0.8s ease; will-change: transform; } .button__horizontal::before, .button__vertical::before { content: ""; position: absolute; border: inherit; } .button__horizontal { --vertical-offset: calc(var(--offset) * -1); border-top: var(--border-size) solid currentcolor; border-bottom: var(--border-size) solid currentcolor; } .button__horizontal::before { top: calc(var(--vertical-offset) - var(--border-size)); bottom: calc(var(--vertical-offset) - var(--border-size)); left: calc(var(--vertical-offset) * -1); right: calc(var(--vertical-offset) * -1); } .button:hover .button__horizontal { transform: scaleX(0); } .button__vertical { --horizontal-offset: calc(var(--offset) * -1); border-left: var(--border-size) solid currentcolor; border-right: var(--border-size) solid currentcolor; } .button__vertical::before { top: calc(var(--horizontal-offset) * -1); bottom: calc(var(--horizontal-offset) * -1); left: calc(var(--horizontal-offset) - var(--border-size)); right: calc(var(--horizontal-offset) - var(--border-size)); } .button:hover .button__vertical { transform: scaleY(0); } </style> If you want to apply this for all buttons on your site, you will need to use CSS code + JavaScript code to customize all button formats

Hi, What is site url?

Suppose your CSS like this h1, h2, h3 { font-size: 30px; } Wrap your code in style tag, you will have <style> h1, h2, h3 { font-size: 30px; } </style> Next, edit Blog Post you want to run code > Add a Code Block (top or bottom of page) > Paste this code <style> h1, h2, h3 { font-size: 30px; } </style>

Burger is fine to me. Can you share link to page where you have problem?

Add this to Design > Custom CSS .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper { width: 80% !important; margin-left: 10% !important; }

Edit KP11 and KP15 Pages > Add a Code Block (top or bottom page) > Then paste the code <style> header#header img { -webkit-filter: invert(100%); filter: invert(1); } </style>

Updated above code. You can add it again.