Website Building » Squarespace » How Do I Change Social Icon Color Squarespace?

How Do I Change Social Icon Color Squarespace?

Last updated on October 1, 2022 @ 3:30 am

There are two ways to change the social icon color Squarespace. One way is to use the color picker in the Design panel. The other way is to use custom CSS.

If you want to use the color picker in the Design panel, go to Design > Customize > Colors.

Then, click on one of the social icons in the “Social Icons” section. A color picker will appear. Choose the color you want and click “OK.”

PRO TIP: If you are considering changing the color of your social icons on Squarespace, be aware that this may have unintended consequences. The social icons are designed to be recognizable at a glance, and changing the colors may make them less visible or recognizable. Additionally, if you change the colors of your social icons, it may be difficult for visitors to know which icons correspond to which social media platform.

If you want to use custom CSS, go to Design > Customize >Advanced > CSS. Enter the following code into the box:

.social-icon {
    color: # your hex code here;
}

Be sure to replace “# your hex code here” with the hex code of the color you want.

Conclusion:

So, if you want to change social icon color Squarespace, you can either use the color picker in Design panel or use custom CSS.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.