Custom color solid style (circle, square & rounded) (7.0, 7.1 CE & 7.1 FE) - Social Links Block

All CSS tricks7.07.17.1 CE7.1 FEColor changeHover/overlay
Written By Beatriz Caraballo

About

Want to fully customize the different color changes of the Solid-style Social Links on your site?

With this code snippet you’ll be able to make that happen!

You’ll be able to choose the background color as well as the color of the icons in all instances of the hover animation.

  • This particular snippet is compatible with:

    • Social Links Block set to Solid style

    • Circle, square and rounded options

    • 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

Custom color knockout style (circle, square & rounded) (7.0, 7.1 CE & 7.1 FE) - Social Links Block
Next

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