How to Create Horizontal Scrolling Images in Squarespace

Описание: How to Create Horizontal Scrolling Images in Squarespace

To create horizontal scrolling images in Squarespace, utilize a Gallery Section or Gallery Block. When adding or editing, select a layout option such as "Slideshow" or "Carousel." Within these layouts, look for settings like "Filmstrip" or "Display navigation thumbnails below" which can arrange images horizontally, allowing users to navigate or swipe through them. For a more custom, drag-to-scroll experience, you can use a Code Block. Insert your images within `div` elements, then apply custom CSS to the container `div`: `overflow-x: scroll; white-space: nowrap;` and to the image `div`s: `display: inline-block; vertical-align: top;`. This method provides true horizontal scrolling where images extend beyond the visible area and are revealed by user interaction, rather than automatic sliding.

--------------

Video link:    • How to Create Horizontal Scrolling Images ...  
Channel link:    / @heyinsights  

Have questions or thoughts? Leave a comment below. Thank you! 😃