tuanphan

It looks fine on Window/Chrome. You try checking on the site where you got the font

Hi. You want to keep desktop layout on mobile even if the images will look very small?

The site url doesn't work. Can you check again?

Which page do you use video?

This code should work .donation-block .sqs-donate-button { font-size: 30px !important; }

Solved with this CSS code div#block-be6e605c8a62fb7bd025 .image-inset:after { content: "Photo credit: Jordana Dale"; display: block; margin-top: 10px; text-align: right; }

Try this nav { justify-content: center; align-items: center; }

Use this new code .user-items-list-carousel__arrow-container svg { display: none; } .user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--right div { background-image: url("https://static1.squarespace.com/static/5ecaa390dc0263594e112004/t/63bd203b0651752a4e494c11/1673338939042/right.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; visibility: visible !important; } .user-items-list-carousel__arrow-button.user-items-list-carousel__arrow-button--left div { background-image: url("https://static1.squarespace.com/static/5ecaa390dc0263594e112004/t/63bd204aa3107f3ecd913c63/1673338954062/left.png"); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; visibility: visible !important; }

Just solved a case this morning. You can add this code to Design > Custom CSS .newsletter-form-fields-wrapper.form-fields { width: 90%; float: left } .newsletter-form-button-wrapper.submit-wrapper { width: 10%; clear: left; padding-left: 0; } .newsletter-block .newsletter-form-field-wrapper { min-width: unset; width: 100%; padding-right: 0; } [data-form-id="63bd7555d73d207c975094cf"] button.newsletter-form-button { padding-left: 0 !important; padding-right: 0 !important; border: 0 !important; margin-left: -5.5em !important; } .sqs-button-element--primary:after { margin: 0; border: unset; font-size: 20px; padding-left: 0; transition: 0.3s; } .sqs-block-newsletter .newsletter-form-field-element { border-bottom: 1px solid; background: rgb(243, 239, 236); border-top: unset; border-left: unset; border-right: unset; } .sqs-block-newsletter .newsletter-form-field-element:placeholder { color: black !important; } .primary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover { background: unset !important; } .sqs-button-element--primary:hover:after { color: #fff !important; } @media screen and (min-width: 992px) { .newsletter-form-body { width: 80%; }}

Hi, Which example?

They added a Text Block, then use this CSS to add circle line around text #block-yui_3_17_2_1_1662396411392_1511168::before { content: ''; position: absolute !important; width: 110%; height: 110%; background-image: url('https://static1.squarespace.com/static/5ff4deded948681ea2614e2c/t/63173fb4ce758a47b4dc2d20/1662468020675/button-outline.svg'); background-size: contain; background-repeat: no-repeat; cursor: pointer !important; display: inline-block; margin: 0 auto !important; left: -6% !important; bottom: -6% !important } Use this tool to find text block id: https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Add to Design > Custom CSS footer.site-footer a { border-bottom: 1px solid; }

Don't remove any code in your current code. Add this to Design > Custom CSS @media screen and (max-width:767px) { section.ProductItem-additional { order: 3; margin-top: 0px !important; } }

Follow #2 in this thread

You missing @ It should be @font-face

Just tested with h1 & it looks fine. You try checking it again

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

Move Tags to this position?

You mean place product images: 2 images/row or place these dropdowns to 2 dropdown/row?

Remove this line from above code -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite;

Add to Design > Custom CSS .entry-dateline { display: none; } time.dt-published.published.post-date { display: none; }

You can add a section under header-banner section, then share link to your site, we can give code to change order of header - this section.

Hi, You mean change these arrows style?

Add to Design > Custom CSS @media screen and (max-width:767px) { .fe-63b81e71749cfd76f873d674 { grid-template-rows: repeat(8,minmax(24px, auto)) !important; } }

Hi, What is your site url? We can check easier