Changing the disabled arrow's opacity (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel

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

About

If you’re using the Carousel Summary Block but don’t like the look of the greyed-out/disbaled arrow when the first or last item is showing, this short snippet will allow you to change that and make sure the opacity is turned up to the max!

  • This particular snippet is compatible with:

    • Summary 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

Placing the arrows on each side (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel
Next

Styling the title font (7.0, 7.1 CE & 7.1 FE) - Summary Block List