tuanphan

You can fix by adding this line to Website Tools (under Not Linked) > Custom CSS body, html { overflow-x: hidden; }

@JoseEsteves1 You can use this code to Website Tools > Custom CSS @media screen and (max-width:767px) { .pdp-layout .pdp-details .pdp-details-title { text-align: center !important; } }

I see you figured it out? It already center

Use this CSS code if you need to change Footer text color on Homepage Only body#collection-65aeef23d9a9cf7135fc8ad3 footer.sections * { color: #f1f !important; }

With this case you can increase iframe height by using this code to Custom CSS box iframe[src*="squareup"] { height: 700px !important; }

You can use this code to Website Tools > Custom CSS to change on /commercial page body#collection-65a85fdd83e10e635b5d1787 .portfolio-grid-basic .grid-item .grid-image { padding-bottom: 56.25% !important; }

You can add 2 galleries, then share link to page, we can check & give you code to achieve this

You mean mobile burger or page content?

Try change url in href to https://tinyurl.com/ynwzxx38

The site is private. You can setup an access password, we can check easier

Add to Website Tools (under Not Linked) > Custom CSS body#collection-63dd5a5ffadc43118d546d68 header#header img { content: url(https://cdn.pixabay.com/photo/2023/05/25/07/38/antarctica-8016562_1280.jpg); }

What is site password?

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

You try this code to Custom CSS div.form-block label, div.form-block label * { color: white !important; }

Can you share site url? We can check easier

You can use this code to Custom CSS footer#footer-sections { border-top: 1.5px solid black; } footer.sections { --sqs-site-max-width: 100% !important; }

You can use below code with this tool to find data section id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

Some CSS code for Cart Page. You need to add it to Custom CSS #1. Rename Cart Title /* Rename Cart Title */ h2.cart-title { visibility: hidden; } h2.cart-title:before { visibility: visible; content: "New Shop Title"; } #2. Align center Cart Title /* Align center Cart Title */ h2.cart-title { text-align: center; } #3. Add a subtext under Cart Title /* Add a subtext under Cart Title */ h2.cart-title:after { content: "Cart sub text"; display: block; font-size: 14px; } #4. Rename “You have nothing in your shopping cart” text /* Rename You have nothing in your shopping cart text */ p.empty-message { visibility: hidden; } p.empty-message:before { visibility: visible; content: "enter new text here"; } #5. Rename “Continue Shopping” text /* Rename Continue Shopping text */ a.cart-continue-button { color: transparent !important; position: relative; } a.cart-continue-button:after { color: #fff; content: 'Enter New Text'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } #6. Product thumbnail size /* product thumbnail size */ .cart-row-img-wrapper { width: 190px !important; } #7. Variant size color /* Variant size color */ p.cart-row-variant { color: #f1f; font-size: 20px !important; } #8. Remove quantity /* remove quantity */ .cart-row-qty { display: none !important; } #9. Remove Price /* remove price */ p.cart-row-price { display: none; } .cart-subtotal { display: none; } #10. X remove color /* X Color */ .cart-row-remove svg { fill: #f1f !important; } #11. Add a text under the checkout button /* add a text under checkout button */ .cart-checkout:after { content: "enter new text here"; text-align: left; font-size: 20px; margin-top: 10px; } #12. Remove checkout button /* remove checkout button */ .cart-checkout-button { display: none !important; } If you have any other questions, just comment below.

You can change it in Site Styles or use this CSS code footer.sections * { font-family: var(--site-navigation-font-font-family); }

If external links, use this <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function() { $('a').attr('target', function() { if(this.host == location.host) return '_self' else return '_blank' }); }); </script>

Image height is different so I can't find a code to align them under image You try contacting Plugin Author, maybe he know a solution for this?

If stretch it fullheight, it won't be fullwidth The only solution is make it align center, so you will see a gap on both top/bottom of screen

You can consider using Scrolling Block, Gallery Block, List Section Carousel... then we can use code to move it above Header What do you think?

You can use this code to Website Tools (under Not Linked) > Custom CSS #block-yui_3_17_2_1_1700578253242_14542 .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper { margin-bottom: 0px !important; }

Add this to Last Line in Code Injection > Footer <script> $(document).ready(function(){ $('h1.eventitem-title').insertBefore('div.eventitem-column-content .button-block'); $('li.eventitem-meta-item.eventitem-meta-date.event-meta-item').insertAfter('h1.eventitem-title'); }); </script> <style> li.eventitem-meta-item.eventitem-meta-date.event-meta-item { list-style: none; } </style>