tuanphan

Use this code

Just tested the code on your site. It should work. <script> (function docReady(fn) { // see if DOM is already available if (document.readyState === "complete" || document.readyState === "interactive") { // call on next available tick setTimeout(fn, 1); } else { document.addEventListener("DOMContentLoaded", fn); } })(() => { if ( window.location == window.parent.location ) { const reelControl = document.querySelector('.gallery-reel-control [aria-label="Next Slide"]'); if (reelControl) { (function reelTimer() { setTimeout(() => { reelControl.click(); reelTimer(); }, 2000); // change this value to change the speed })(); } } }); </script>

You can add Image 7, then use this code to move it to center Add this code @media screen and (min-width:768px) { [data-section-id="62411ce7d95af2344e7ef980"] figure:nth-child(7) { position: relative; grid-column: 2; } }

Add to Design > Custom CSS @media screen and (max-width:767px) { .logo-mark4 { background-position: top !important; height: 350px; } }

The font looks fine to me. Can you take a screenshot on your end?

Add to Design > Custom CSS @media screen and (min-width:992px) { div.header-menu-nav-item a { font-size: 20px; margin-top: 10px; margin-bottom: 10px; } }

Can you take a screenshot? The homepage images look fine

I see you solved with this CSS? @media screen and (max-width: 767px) { div#block-yui_3_17_2_1_1657052303901_6495 { width:15%; margin: 0 auto } }

Add to Design > Custom CSS @media screen and (max-width:991px) { .header-menu-nav-folder { transform: unset !important; } .header-menu-controls.container.header-menu-nav-item { display: none; } [data-folder="root"]>.header-menu-nav-folder-content:first-child { display: none; }}

Add to Last Line in Code Injection > Footer <script> $(document).ready(function() { $('.eventitem-backlink').attr('href','/events'); }); </script>

testme https://leopard-owl-xw5g.squarespace.com/home Add to Design > Custom CSS .gallery-slideshow { padding-top: 0px !important; } [data-section-id="62ab38e13d5b44468b10abca"] .content-wrapper { padding-bottom: 10px !important; }

Add to Design > Custom CSS @media screen and (max-width:640px) { .desc-wrapper p { font-size: 40px !important; line-height: initial !important; } }

Try adding to Design > Custom CSS /* Mobile Footer */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1651715354407_37932+.row .span-2 { width: 50% !important; float: left !important; } div#block-yui_3_17_2_1_1651715354407_37932+.row .span-2 .image-block { width: 70%; } div#page-section-62731f8e478b0755f90f9039 .span-6 .span-2:nth-child(-n+2) { width: 50% !important; float: left !important; } }

List Slideshow, List Carousel or? This is an example with List Banner Slideshow: https://thung.squarespace.com/list-section-left-image-right-text?noredirect Pass: abc Add code to Page Header <style> @media screen and (min-width:992px) { .user-items-list-banner-slideshow[data-card-horizontal-position="left"] .slide { justify-content: space-between; grid: unset !important; } .user-items-list-banner-slideshow .slide-media-container { width: 50%; } .user-items-list-banner-slideshow .slide-content { margin-left: 55%; } .desktop-arrows.arrow-container.arrow-container--right { right: calc(50% + 6vw) !important; } button.user-items-list-banner-slideshow__arrow-button * { display: none; } button.user-items-list-banner-slideshow__arrow-button.user-items-list-banner-slideshow__arrow-button--left:before { content: "\f053"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 30px; color: white; } button.user-items-list-banner-slideshow__arrow-button.user-items-list-banner-slideshow__arrow-button--right:before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 30px; color: white; } } </style> And here for List Carousel: https://thung.squarespace.com/list-carousel-half-text Pass: abc Add code to Page Header <style> @media screen and (min-width:992px) { ul.user-items-list-carousel__slides.user-items-list-carousel__slides--initialized { grid-gap: 0 !important; padding: 0 !important; } .user-items-list-carousel__gutter { padding: 0 !important; } li.user-items-list-carousel__slide.list-item { flex-direction: row !important; align-items: center !important; } .list-item-content { padding: 20px; } .user-items-list-carousel__arrow-positioner { padding-bottom: 30% !Important; } } </style>

Possible. Depend your plan. With Business Plan, we can use Page Header Code Injection. With Personal Plan, we can use Custom CSS or Code Block. What is your site url? You want to change font name, font color or?

Use this new code @media screen and (max-width:767px) { div#page-section-62c57fc1f9f91a0d1160e037 .span-6 { width: 50% !important; float: left !important; } div#page-section-62c57fc1f9f91a0d1160e037 .button-block a { min-height: 70px; display: flex; align-items: center; justify-content: center; } }

Clickable image or non-clickable image?

Add to Design > Custom CSS input.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary { font-family: "neuemontreal-bold" !important; }

With Squarespace 7.0, some templates support that With Squarespace 7.1, you need to use code or plugin. I once helped a member with that. However, it won't change color when scrolling to the active item. If you still want this, I can give the quick guide.

First, add this to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("span.accordion-item__title").each(function(){ $(this).html($(this).text()); }); }); </script> Next, edit accordion title, use this format Accordion Item 2 <em>Text 2</em>

Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-62be887145f98f2c6b5f243c .span-4 { width: 33.3333% !important; float: left !important; } div#page-section-62be887145f98f2c6b5f243c .button-block { padding: 5px !important; } }

Add to Design > Custom CSS @media screen and (max-width:767px) { div#page-section-62c57fc1f9f91a0d1160e037 .span-6 { width: 50% !important; float: left !important; } }

What is site url?

Can you check site url? No Such Website The website you requested does not exist.

The site is private. Can you setup an access password?