tuanphan

Oh you're right! I opened it in a private browser and it works perfectly. Thanks so much!

Hi! Thank you so much, but I don't need assistance on this issue anymore. However, I'd like to thank you for your contribution to the community, as I've seen your replies to many other threads that have been helpful to me. :))) Have a good day!

You can use this code to Website > Website Tools > Custom CSS to fix problem
@media screen and (max-width:767px) { section.pdp-product-add-ons { margin-top: 50px !important; } }  

I think this may have fixed it.  I targed the specific section and change the heading from h3 to p and it got smaller.  You can check though.  Still open.
.design-layout-inline .image-caption-wrapper {
    padding: 0px!important;
  padding-left: 5px!important;
}
.design-layout-inline .image-caption-wrapper p {
    margin-top: 1px;
    margin-bottom: 1px;
}
}

You can message me your email, I can create it and invite you as a contributor, then when you accept it, I will transfer ownership to you.

You can add this code to Website > Website Tools (under Not Linked) > Custom CSS
div.header-nav-folder-content { background-color: transparent !important; }  

You can add this to Website Tools (under Not Linked) > Custom CSS
div#block-536bacca26c1031c7b17:hover img { content: url(https://cdn.pixabay.com/photo/2023/08/08/09/20/wedding-8176868_1280.jpg); } this for first image
if it works, you can repeat similar, use this tool to find id
https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

You can add this code to Home Page Header Code Injection (Do not add to Custom CSS)
Replace example image url with your image url (line 3)
<div class="splash-wrapper" id="loader-container"> <!-- Lottie animation player --> <img src="https://content.invisioncic.com/p289038/monthly_2023_11/LogoTANIQtransparent.thumb.png.0c1808606ac76767e354e33194011587.png"/> </div> <style> div#loader-container img { max-width:500px; } /* Loader animation styles */ .splash-wrapper { display: none; /* Initially hidden */ position: fixed; z-index: 9999; background-color: white; height: 100vh; width: 100vw; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; animation-name: slideOut; animation-fill-mode: forwards; animation-duration: 0.65s; animation-delay: 5s; } @keyframes slideOut { from { margin-left: 0vw; } to { margin-left: -100vw; } } @media screen and (max-width:767px) { div#loader-container { background-size: cover; } div#loader-container img { max-width: 300px; } } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function () { setTimeout(function(){ $('.splash-wrapper img').fadeIn(500); }, 3000); }); </script>  

You can use this code to Website > Website Tools > Custom CSS
.user-items-list-item-container[data-section-id="66221901f3557d3bbd478851"] .slide-content { position: relative; top: -50px; }  

Hi,
I don't see button in Additional Info.
You can add it then use this code to Website > Website Tools > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('section.ProductItem-additional .button-block').appendTo('.sqs-add-to-cart-button-wrapper'); }) </script>  

I tried doing a quick demo, you can check
https://tuanphan-demo01.squarespace.com/cbutton-show-section?noredirect
pass: abc

You can use this code to Website > Website Tools > Custom CSS
div.header-display-mobile .header-actions.header-actions--right { position: relative; right: 4vw; }  

Product name uses this CSS
h1.ProductItem-details-title { font-family: 'ojo regular' !important; }  

Your site product title has different class name. Use this
.collection-type-products .grid-title { font-family: 'TYPEWRITER'; }  

You can use code in this thread, if it still doesn't work, let me know, I will give exact code
 

Your screenshot is Page Header Code Injection, to add code to this position, you need to use this new code
<style> h1.entry-title:after { content: "enter your text here enter your text here"; display: block; font-size: 16px; } </style>  
You mean add text to this position?

First, change fixed to absolute, something like this
#footer-sections .page-section:nth-child(1) { position: absolute; top: 0 !important; z-index: 9999999; width: 100% !important; height: auto !important; } next, remove position relative of footer by adding this CSS code under your code
footer.sections { position: static !important; }  

The video section will be first section or?
If first, it will be easier, I can create a quick demo, then if you are okay, I will send code
With another position, you can add a section with Video Background then share site url, I will give some code to achieve similar effect (not same 100%)

I did some digging into the code you provided and later realized that code was specific to that site. Sorry about that, i thought i could just copy that code into my site and it would work. So I did some more digging into adding in a button and ended up with this. Added this to my footer injection. 
<script> document.addEventListener("DOMContentLoaded", function() { var button = document.createElement("button"); button.type = "button"; button.onclick = function() { history.back(); }; button.innerHTML = "Back"; button.className = "custom-back-button"; // Add the class here var navContainer = document.querySelector('.ProductItem-nav'); navContainer.parentNode.insertBefore(button, navContainer); }); </script> and this to my header injection.
<style> .custom-back-button { background-color: #885816; color: #f2f2f2; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; } .custom-back-button:hover { background-color: #0d0d0d; color: #f2f2f2; } </style> got this method to work for me. and here's result. 

when you assign a Color Theme, header will have a class like this
For example, I Set Light 1, so header will have class "light"
so I think you can share link to some pages where you assign theme color, I will check and give you exact code

Hey @tuanphan, yes, you are right. It did not work.
But it is okay, not a big deal; I will keep the grey colour in the open variant dropdown.
Thanks for your help.

This worked, thank you so much!

This worked for me as well.  Thanks @tuanphan

Here you go -> https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace

I will check and let you know soon