Bordered items with hover overlay - Auto Layout Carousel (7.1)

All CSS tricks7.1Hover/overlayCool lookBorders and shadows
Written By Beatriz Caraballo

About

Give your Auto Layout Carousels a super custom look with this code snippet!

It’ll instantly add a border to your list items, create an overlay on hover with the icon of your choice, and you’ll even be able to set up a floating label with whichever text you want to highlight on each slide!

  • This particular snippet is compatible with:

    • Auto Layout Carousel

    • 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

Bordered items with hover overlay for Related Products - Shop pages (7.1)
Next

Customize and add an image to your Squarespace announcement bar (7.0 & 7.1)