tuanphan

you can change your hex color to rgba color
background-color: #f1f1f1 !important;
to
background-color: rgba(241,241,241,0.2) !important;  

Add to Design > Custom CSS
/* Play page */ body#collection-5da8ae5aa26b26307480f95a div#container-content:before { content: "Play Content"; display: block; font-size: 30px; text-align: center; margin-bottom: 20px; } /* Work Page */ body#collection-5da73321bc45c47a5a1e4eca div#container-content:before { content: "Work Content"; display: block; font-size: 30px; text-align: center; margin-bottom: 20px; }  

I see you removed footer on homepage. Do you still need help?

Add to Design > custom CSS
li.subfolder * { text-transform: uppercase !important; }  

I wrote a quick guide here. You try following and let me know.
Require: Business Plan or higher

Add to Design > Custom CSS
body.homepage main#page { max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } div#block-yui_3_17_2_1_1684170043971_4793 { width: 100% !important; } body { overflow-x: hidden; }  

Add to Design > Custom CSS
.product-scarcity { color: red !important; font-weight: bold !important; }  

See this instruction
 

In Code Injection > Header or Footer > Find & remove this text
 

You can upload new image to your site, suppose the image name is: new-logo.png
Add this code under to replace homepage current logo with this new image
body.homepage header#header img { content: url(https://lychee-plums-6cpy.squarespace.com/s/new-logo.png); }  

Add to Design > Custom CSS
header#header a.icon:not(:first-child) { display: none; }  

Change this code
body.homepage figcaption.gallery-caption.gallery-caption-fullscreen-slideshow, body.homepage figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * { width: auto !important; display: inline-block !important; position: relative !important; top: 90% !important; } to this
body.homepage figcaption.gallery-caption.gallery-caption-fullscreen-slideshow, body.homepage figcaption.gallery-caption.gallery-caption-fullscreen-slideshow *:not(.gallery-caption-wrapper):not(p) { width: auto !important; display: inline-block !important; position: relative !important; top: 90% !important; }  

You can add this to Design > Custom CSS to reduce banner height on mobile
@media screen and (max-width:767px) { section#home-sub { min-height: unset !important; height: 40vh; } }  

Use this
.user-items-list-banner-slideshow__arrow-icon-background.user-items-list-banner-slideshow__arrow-icon-background-area { opacity: 1 !important; } I used icons here, you can find one & let me know
https://tuanphan.squarespace.com/ss-ui-fonts?noredirect
pass: abc

Add this code to Shop Page Header
<style> @media screen and (min-width:768px) { .products.collection-content-wrapper .list-grid .grid-item { position: relative; left: calc(100% + 5vw) !important; } } </style> With Dealer Shop Page
I don't see any items. Can you check it again?
 

Try adding to Design > Custom CSS
[data-section-id="648d6205bebe087d131d99e8"] { min-height: unset !important; height: 100vh !important; }  

Use this new code
a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element:after { content: ""; background-color: #fff; position: absolute; left: 0; width: 100%; height: 1px; bottom: 0; transition: all .3s ease; transform: scale(1); } a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { position: relative; } a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element:hover:after { transform:scale(0); transition: all .3s ease; }  

Add to Design > Custom CSS
/* carousel mobile arrows */ .mobile-arrows { display: none !important; }  

Add this code into Code Block
<style> #workzoomjob th { text-align: left !important; } </style>  

To make it clickable, add this CSS code
body.homepage { li.list-item { position: relative; } .list-item-content__button-container { position: static; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; }} To make text appear in middle of image, use this CSS
body.homepage { .list-item-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999; width: 100%; text-align: center; } h2.list-item-content__title { max-width: 100% !important; } }  

Add to Settings > Developer Tools > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('<a href="/store/streeter-flynn-vodka-750-ml" class="mobile-btn">Buy Oneline</a>').appendTo('div.Mobile-bar [data-nc-container="top-center"]'); }) </script> <style> div.Mobile-bar [data-nc-container="top-center"] { display: flex !important; } a.mobile-btn { background: #fff; color: #42708a !important; padding: 11px 9px !important; font-weight: 400; } </style>

Dreams
You can add to Dreams Page Header
<style> .section-background, .section-border { background-color: transparent !important; } section { background-color: #f1f !important; } </style> Thoughts
Add to Thoughts Page Header
<style> .section-background, .section-border { background-color: transparent !important; } section { background-color: red !important; } </style> About
Add to About Page Header
<style> .section-background, .section-border { background-color: transparent !important; } section { background-color: brown !important; } </style>  

Can you share site url? We can check easier

You can try this video
 

You can add this code to Design > Custom CSS to show 2 items/row on mobile
/* Product 2 columns mobile */ @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 10px; } }