Website Building » Squarespace » How Do I Change the Color of a Hyperlink in Squarespace?

How Do I Change the Color of a Hyperlink in Squarespace?

Last updated on December 21, 2022 @ 4:23 pm

There are two ways to change the color of a hyperlink in Squarespace. The first way is to use the Text Color field in the Design tab of the page editor. The second way is to use inline CSS.

To change the color of a hyperlink using the Text Color field, follow these steps:

    1. Log in to your Squarespace account and navigate to the page you want to edit.
    2. In the Design tab, scroll down to the Text Color field and click the color you want to use for your hyperlink.
    3. Save your changes and preview your page to see the new color.

To change the color of a hyperlink using inline CSS, follow these steps:

PRO TIP: If you are not familiar with HTML or CSS, we do not recommend changing the color of a hyperlink in Squarespace. Doing so could potentially break the design of your site.

    1. In the Code tab, add the following code snippet to the Page Header Code Injection:
    <code><style></code>
    /* Change Hyperlink Color */
    a {color:#FF0000;} /* Red */

    2. Save your changes and preview your page to see the new color.

The first way is easier but may not be as precise, while the second way gives you more control over what colors are used where.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.