tuanphan

Your site is private. You can follow this

With your case, use this code iframe[src*="youtube"] { width:100% !important }

I don't know how to do this, you try creating new thread on Coding category. I thought you want to change 2 arrows to 2 dots

Your site is private, we can't access it, you can access this guide to know how to share url

To make same line, use this CSS code @media screen and (max-width:767px) { .sqs-announcement-bar-text { padding-left: 5px !important; padding-right: 5px !important; } }

You can use this code to Website > Website Tools > Custom CSS .header-menu-nav-folder-content { justify-content: flex-start !important; }

Hi, Do you have an example?

You can change it in Site Styles, no need code Click Assign Styles and scroll down to this

Hi, Have you added Tiktok yet? I tried hover around 3 icons but can't find Tiktok

Hi, You can add Services folder, then we can give code to make "Services" title clickable to new page

Can you share link to page where you use audio? We can check easier

You can 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> $(document).ready(function(){ $('<section class="page-section custom-section"><div class="section-border"><div class="section-background"><img src="https://images.squarespace-cdn.com/content/v1/65ea61bd51b55338cbb59aa6/cbead0c8-b974-434f-a718-0609ff588634/HF-BG-Header-Thin.png?format=2500w"/></div></div></section>').insertBefore('[class*="type-events"].view-item article section:first-child'); }); </script> <style> section.page-section.custom-section>div {padding-top: 60% !important;} section.page-section.custom-section { min-height: 60vh; } section.page-section.custom-section+section { padding-top: 0px !important; } </style>

I still check this. It will take some time to convert to Code Block

Use this CSS code @media screen and (min-width: 768px) { [data-section-id="65e07302487e8725e7601b17"] button.user-items-list-carousel__arrow-button { opacity: 1 !important; transform: unset !important; } [data-section-id="65e07302487e8725e7601b17"] .user-items-list-carousel__arrow-button--left:before { content: "( PREV )"; font-size: 13px; } [data-section-id="65e07302487e8725e7601b17"] .user-items-list-carousel__arrow-button--right:before { content: "( NEXT )"; font-size: 13px; } [data-section-id="65e07302487e8725e7601b17"] .user-items-list-carousel__arrow-button--left:after, [data-section-id="65e07302487e8725e7601b17"] .user-items-list-carousel__arrow-button--right:after { display: none; }}

Examples for 4 products below #1. First, you need to find URL of 4 products. In my example, we will have /shop/p/diamond/cut/curb/chain/gold/24inch/12mm /shop/p/diamond-cut-curb-chain-silver-necklace-24inch-12nn-stainless-steel /shop/p/diamond-cut-curb-chain-gold-bracelet-12mm-9inch /shop/p/diamond-cut-curb-chain-silver-bracelet-12mm-9inch #2. Use this code to Code Injection - Footer. Replace Text/URL to your desired text/url. <a href="https://google.com" class="product-01 custom-button">Learn More</a> <a href="https://amazon.com" class="product-02 custom-button">Learn More</a> <a href="https://instagram.com" class="product-03 custom-button">Learn More</a> <a href="https://ebay.com" class="product-04 custom-button">Learn More</a> #3. Use this code to Code Injection - Footer, under #2 code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> jQuery(document).ready(function($){ $('.product-01').insertAfter('.grid-item-link[href="/shop/p/diamond/cut/curb/chain/gold/24inch/12mm"]'); $('.product-02').insertAfter('.grid-item-link[href="/shop/p/diamond-cut-curb-chain-silver-necklace-24inch-12nn-stainless-steel"]'); $('.product-03').insertAfter('.grid-item-link[href="/shop/p/diamond-cut-curb-chain-gold-bracelet-12mm-9inch"]'); $('.product-04').insertAfter('.grid-item-link[href="/shop/p/diamond-cut-curb-chain-silver-bracelet-12mm-9inch"]'); }) </script> You will have #4. Use this code to Custom CSS box a.custom-button { display: none; } section.plp-grid-add-to-cart { display: none !important; } div.grid-item a.custom-button { text-align: center; background-color: var(--primaryButtonBackgroundColor); border: 2px solid #fff; padding-top: 15px; padding-bottom: 15px; margin-top: 10px; display: inline-block !important } You will have

You mean this section?

Which accordion title/text? With newsletter, use this CSS code @media screen and (max-width:767px) { .newsletter-block .newsletter-form-fields-wrapper *, footer.sections .newsletter-form input, footer.sections .newsletter-form input::placeholder { text-align: center !important; } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-field-wrapper { width: 100% !important; } .newsletter-form-body { text-align: center; } }

Can you share link to page where you use Code Block?

I tried but can't find a way to fix this.

Portfolio Hover Background, needs this CSS code a.portfolio-hover-item:hover * { color: #000 !important; }

#1. Adjust this option then update your code #2. I think you should able to edit mobile layout to prevent overlap https://support.squarespace.com/hc/en-us/articles/6421525446541-Editing-your-site-with-Fluid-Engine#toc-mobile-layout

What is site url?

Can you share link to blog? We can check easier

Hi, What is page url?

Hi, What is site url?