Styling the arrows (full height) (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

Add a stylish look to your Gallery Carousels 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 carousel, and giving you control over the background color and border styles to better match your brand.

  • 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 (round) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel
Next

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