Styling the arrows (bottom corner) (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

If you’re looking to add a cool customization to your Carousel Galleries, this snippet can help!

It’ll help you style the native control arrows in a completely different fashion, by placing them at the bottom of the slides and giving you full control over their alignment, background color and border styles.

  • 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

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

Adding gaps between slides (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel