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

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

Last updated on December 28, 2022 @ 8:02 pm

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

To do this, click the Settings icon (the cog) in the top-right corner of the text block. In the Block Settings panel, select a Background Color.

The second way to change the background color of a text block is to use CSS. To do this, go to Design > Custom CSS. In the Custom CSS editor, enter the following code:

p {
  background-color: #ff0000;
}

Click Save and then Preview to see the changes.

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

There are two ways to change the background color of a text block in Squarespace.

The second way to change the background color of a text block is to use CSS. In the Custom CSS editor, enter the following code:

PRO TIP: If you are not a web developer or familiar with HTML/CSS, we recommend not attempting to change the background color of a text block in Squarespace. Doing so could result in unexpected and undesired changes to your site's design.

p {
background-color: #ff0000;
}

Click Save and then Preview to see the changes.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.