# (Squarespace) Social icon hover color

**URL:** <https://community.elfsight.com/t/squarespace-social-icon-hover-color/53161>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [May 19, 2024, 8:58am UTC](https://community.elfsight.com/t/squarespace-social-icon-hover-color/53161 "2024-05-19T08:58:06Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [May 19, 2024, 8:58am UTC](https://community.elfsight.com/t/squarespace-social-icon-hover-color/53161/1 "2024-05-19T08:58:06Z")

</div>

To change Social Icons (Social Links Block) hover color, you can use this code to Website Tools \> Custom CSS.

```auto
div.socialaccountlinks-v2-block a.sqs-svg-icon--wrapper:hover use.sqs-use--icon {
    stroke: #f1f !important;
    fill: #f1f !important;
}

```

![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/5/e509eb8ff5a5954818d0511df6c5edee1712d3c1.png)