Moving the arrows below the content (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

Want to have your Carousel Summary Block arrows under the slides?

This code snippet will help you do just that! You’ll be able to determine whether they should align to the center, left or right of the carousel, or even space them out if you rather have each on a different side.

  • 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

Bottom-aligning 'Read More' links (7.0, 7.1 CE & 7.1 FE) - Summary Block Carousel
Next

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