tuanphan

Don't remove any code in your current code in Code Injection Add this code to Design > Custom CSS .header-sticky + #page div#block-44c31c184d6bdb79890c { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); max-width: 50px; transition: all 0.3s ease; } div#block-44c31c184d6bdb79890c { transition: all 0.3s ease; }

The page doesn't exist. Can you check it again?

It already fine to me

We will need to adjust the plugin code, very complex, so difficult to get an answer here. You can contact author. Hope he will have a code

Add to Design > Custom CSS /* List clickable */ .user-items-list-item-container[data-section-id="64998f226c956063eec26ea5"] { 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; }}

Add to Design > Custom CSS .gallery-caption-wrapper h5 { font-weight: normal !important; }

Hi, Too many items, you can consider reduce nav items size to achieve this

You can try this approach

To hide button on one page, just add this code to Page Header <style> header#header a.btn { display: none !important; } </style>

With Summary, First, remove this code .sqs-block-summary-v2 .summary-metadata * { font-family: itc-avant-garde-gothic-pro; font-size: .9rem !important; font-weight: 600; text-transform: uppercase; background-color: #f80; color: #fff; letter-spacing: .8px; padding: 0.1em 0.5em; margin-right: 0.1em; display: inline-block; } Next, use this code span.summary-metadata-item.summary-metadata-item--cats a { padding: 0.15em 0.1em 0.15em 0.15em !important; color: #fff !important; letter-spacing: .8px; text-transform: uppercase !important; font-weight: 600 !important; font-size: 1rem !important; } /* Technology */ span.summary-metadata-item.summary-metadata-item--cats a[href="/all-topics?category=Technology"] { background-color: #f1f; } /* Events */ span.summary-metadata-item.summary-metadata-item--cats a[href="/all-topics?category=Events"] { background-color: brown; } /* Women */ span.summary-metadata-item.summary-metadata-item--cats a[href="/all-topics?category=Women+in+SAP"] { background-color: #000; } Blog itself, you mean this?

Add to Design > Custom CSS nav { flex-wrap: nowrap !important; }

Some titles overlap together You can consider replace them with Prev/Next text by adding this to Design > Custom CSS /* Pagination title */ @media screen and (max-width:767px) { h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; } }

Can you share link to some products where you have problem?

Change your code to this /* Info Logo Hover */ #block-yui_3_17_2_1_1688128547924_16420:hover img{ content: url(https://static1.squarespace.com/static/649838326bdf2c09135e2800/t/649ef5b9bc96d63d9b239333/1688139194444/rex_White.png); }

It worked to me. Can you check on live mode? https://keystoneprojects.squarespace.com/?noredirect

I see you solved additional text To hide scroll on mobile, use this CSS @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1687657911292_3269 { display: none; } section#about-susie .html-block { padding-left: 30px; padding-right: 30px; } }

Use this body.homepage article section:first-child { padding-top: 0px !important; } body.homepage .header-background-solid { background-color: transparent !important; } body.homepage header#header.shrink { background-color: black !important; } If it doesn't work, please share link to your site, we can check easier

Add this under your code .native-video-player.video-player.video-player--medium, .sqs-native-video, div.plyr__controls, .plyr__poster { border-radius: 15px !important; }

Add this CSS under a.sqs-block-button-element--small.sqs-button-element--tertiary.sqs-block-button-element { padding-left: 0 !important; padding-right: 0 !important; }

Can you share link to this post?

I don't know how to fix this, but you can add this code to Design > Custom CSS. It will improve a bit * { scroll-margin: 250px; }

It already fine to me

Hi, This is possible with basic plan. Change blog post content background only or whole page (header, footer, post content)? And can you share link to this blog post?

I don't see space on these pages. Can you check it again?

To reduce height, add this to Design > Custom CSS /* Our Clients slideshow */ @media screen and (min-width:768px) { [data-section-id="649bfda737074c7c04a8a2af"] .gallery-reel { height: 10vh !important; } }