Displaying slide numbers instead of image thumbnails (7.1) - Gallery Section Slideshow Simple

All CSS tricks7.1Carousel/slideshow controls
Written By Beatriz Caraballo

About

Instantly create a clean and minimal look for your Slideshow Simple Gallery Sections in Squarespace 7.1 by swapping the native thumbnails with number indicators.

This code snippet will also give you the ability to change the numbers’ family, weight, size, and color, as well as decide whether they should show up on mobile devices or not!

  • This particular snippet is compatible with:

    • Gallery Section Slideshow: Simple layout

    • Squarespace 7.1

    • Squarespace Business Plan or higher

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Simple caption rollover (image resize) (7.1) - Gallery Section Slideshow Simple
Next

Styling the caption font (7.1) - Gallery Section Slideshow Full