Custom color regular style (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 to have full control over the colors of your Regular-style Social Links icons?

Then snag this snippet and copy/paste it on your site!

You’ll be able to set up the colors for the icons for every state of the hover mode to make sure your block looks completely on brand.

  • This particular snippet is compatible with:

    • Social Links Block set to Regular 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

Vertical floating icons with line (7.0 & 7.1) - Social Links Block
Next

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