Styling the arrows (full height) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow

All CSS tricks7.07.17.1 CE7.1 FECarousel/slideshow controls
Written By Beatriz Caraballo

ABOUT

Add a stylish look to your Gallery Slideshow with this code snippet!

It’ll allow you to set up the native arrows on the sides of the slides, matching the height of the full slideshow, and giving you control over the background color and border styles to better match your brand.

  • This particular snippet is compatible with:

    • Gallery Block Slideshow layout

    • Squarespace 7.0

    • Squarespace 7.1

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

Styling the arrows (round) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow
Next

Styling the arrows (bottom corner) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow