How do I edit the thumbnails in Slideshow to stack in rows instead of a carousel at the bottom?

alexcrawfo · July 20, 2022

Hi guys! I am trying to emulate a page that I like and I am having trouble with changing the layout of the thumbnails in my slideshow. I want them to stack like a mini gallery bellow and not a carousel. I'll attach screenshots of the page I want to copy.

Thanks!

Edited July 20, 2022 by alexcrawfo
more concise

tuanphan · July 21, 2022

Try adding to Design > Custom CSS

.sqs-gallery-design-strip .sqs-wrapper {
    width: 100% !important;
    left: 0 !important;
    display: flex;
    flex-wrap: wrap;
}
.sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide {
    width: 20% !important;
}
.sqs-gallery-design-strip {
    height: auto !important;
    overflow: visible !important;
}

alexcrawfo · August 1, 2022

Thank you so much!! That did it!!

How do I edit the thumbnails in Slideshow to stack in rows instead of a carousel at the bottom?

Recommended Posts

alexcrawfo

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

alexcrawfo

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources