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

Get your hands on this code snippet and take full control of the colors of your Outline-style Social Links icons!

Choose the border color, the background color on hover and and the color of the icons in the different states of the hover mode.

  • This particular snippet is compatible with:

    • Social Links Block set to Outline 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 regular style (7.0, 7.1 CE & 7.1 FE) - Social Links Block
Next

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