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

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

Last updated on December 24, 2022 @ 12:21 pm

There are two ways to change the color of a block in Squarespace. The first is to use the Block Styles panel.

To do this, select the block you want to change, then click the Block Styles button in the toolbar. In the Block Styles panel, you’ll see a variety of options for changing the color of your block.

The second way to change the color of a block is to use HTML. To do this, select the block you want to change, then click the Edit button in the toolbar. In the Edit dialog box, click the HTML tab, then add the following code to the block:

<p style="color:red;">This text will be red.</p>

<p style="color:#003366;">This text will be blue.</p>

You can also use CSS to change the color of a block. To do this, select the block you want to change, then click the CSS button in the toolbar. In the CSS dialog box, add the following code:

PRO TIP: If you are not comfortable working with code, we recommend contacting a developer to help you with this. Making changes to your code can result in unexpected changes to your site, and potentially break things.

block {
color: red;
}

The color property can be set to any valid CSS color value. For more information on CSS colors, see here

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.