Custom color knockout 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

Looking for a way to change up the different colors used for the Knockout-style Social Links on your site?

Then this code snippet is for you!

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 Knockout 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 outline style (circle, square & rounded) (7.0, 7.1 CE & 7.1 FE) - Social Links Block
Next

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