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

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

About

Customize the arrows of your Carousel Gallery Block with this code snippet.

You’ll have the ability to adjust their background color, border style, roundness and size!

  • This particular snippet is compatible with:

    • Gallery Block Carousel 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

Turning the thumbnails into indicators (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow
Next

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