Jeremyn

Thanks @tazmeah for sending this code over. I tested it and change the Block ID, however, the numbers are "400+" and "11K". So because of the + and K after the number, the code is not working. I also was hoping to keep the custom colour #ED8561 and also the bold front. Is anyone could help me please? https://www.creativeportrait.net.au/

My site is creativeportrait.net.au or https://squid-echidna-882a.squarespace.com/ You are also a contributor to it.

Hi Tuan, I just realise now that the previous code closes the edit section window automatically when I open them. How can I please fix this?

And again THANK YOU so much Tuan for being so helpful!

Thank you for sending the new code Tuan. I tried it out by adding it to the advanced setting of the page but only the first gallery is going on auto-scroll. Any idea where the problem is?

Hi there, I would like to auto-scroll all gallery reels from this page: https://www.creativeportrait.net.au/studio-and-location I have the code below but it auto-scroll only the 1st gallery: <script> /** * Gallery Section Auto Scroller **/ (function () { setAutoScroll({ gallery: 1, direction: 2, timing: 3000, }); /* * Copy and paste the above code * to target more auto-scrolling * sections **/ /** gallery * gallery section order on the page. Ex: * 1 = the first gallery section on a page, * 2 = the second gallery section on a page **/ /** direction * direction the gallery should go in. * 1 = backwards, * 2 = forwards **/ /** timing * timing between each slide, in milliseconds. Ex: * 2000 = 2 seconds **/ function setAutoScroll(settings) { function init() { let section = document.querySelectorAll(".page-section.gallery-section")[settings.gallery - 1]; function clickArrow() { if (section && !document.querySelector("html.sqs-modal-lightbox-open") && !document.hidden && !document.querySelector("body.sqs-edit-mode")) { let arrow = section.querySelectorAll(".gallery-reel-control .gallery-reel-control-btn")[settings.direction - 1]; if (arrow) arrow.click(); } } window.setInterval(clickArrow, settings.timing); } window.addEventListener("DOMContentLoaded", init); } })(); </script>

Awesome! It works perfectly. Thank you so much Tuan, I really appreciate it.

Hi Tuan, This is a gallery slideshow reel on the home page of https://www.creativeportrait.net.au/ I am looking at having the arrow off the pricing guide button. Thank you.

Thank you for sending this code over bangank36. I am wondering how to move the arrows from both side a little bit more to the inside (see photo attached)?

No could not find anything... It would be awesome if Squarespace add this option.

Thank you so much Tuan!!!

Yes it is https://www.creativeportrait.net.au/special-offer-booking-page

I have added this code but it hide header and announcement bar together. How can I hide the header while keeping the announcement bar please? <!-- Announcement bar --> <style> .sqs-announcement-bar-dropzone { display: block !important; } </style> <!-- Header and resize --> <style> #header { display: none!important;} </style>

Awesome Tuan, thank you very much for your quick reply. Silly question... Is the announcement bar goes with the header or can be display without the header on a landing page?

Hi there, is it possible to show the announcement bar on a single page? www.creativeportrait.net.au Thank you