Website Building » Squarespace » How Do I Change the Font Color in Squarespace CSS?

How Do I Change the Font Color in Squarespace CSS?

Last updated on December 23, 2022 @ 9:17 am

There are two ways to change the font color in Squarespace CSS. The first is to use the “color” property.

This will change the color of the text for the entire element. The second is to use the “font-color” property. This will change the color of only the text within the element.

To change the color of the text for the entire element, use the “color” property. The value can be any valid CSS color value, such as a hex code, RGB value, or predefined color name. For example, to make all text on your site red, you would add the following CSS to your Custom CSS Editor:

* {
color: red;
}

To change the color of only the text within an element, use the “font-color” property. For example, to make all h1 headings on your site blue, you would add the following CSS to your Custom CSS Editor:

PRO TIP: Please be aware that changing the font color in Squarespace CSS can be a complex process. If you are not familiar with CSS, we recommend that you seek out professional help before attempting to make any changes.

h1 {
font-color: blue;
}

You can also use CSS to style other aspects of your text, such as making it bold or underlined. To make text bold, use the “font-weight” property and set it to “bold”.

To make text underlined, use the “text-decoration” property and set it to “underline”. For example, to make all links on your site bold and underlined, you would add the following CSS to your Custom CSS Editor:

a {
font-weight: bold;
text-decoration: underline;
}

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.