Can I Change Background Color In Square Space Template

Today we'll be looking at how to make a text block groundwork of a unlike color, In this background colour squarespace tutorial you tin run across a text block with a ruby colour background. In this default size y'all tin can see there's no visible background so the first thing we have to exercise is to check what is the id of the block which has the text we want to edit, right click on it, select "Inspect element". In the inspector nosotros're gonna look for the div that starts with the give-and-take "cake" that also surrounds our text don't get dislocated because there are some divs that contains that word, this is the one that yous accept to select. Once you accept found it, double click on it, press CTRL+C to copy it, close the inspector, go to the dorsum-terminate of the site, hit "Design", click on "Custom CSS", type a hashtag (#), paste (CTRL+V) the code you have already copied it, add together open and endmost curly braces and between those type "background" and add the color yous want in the background, in this case I chose blood-red. Hitting salvage to mantain the changes and this is the fashion you can modify the colour of the background of any text of your site.

Tutorial: Changing Background Color Squarespace

‍

Step 1: Open the inspector tool

Hover on the element and right click it to display a list of tools, hither you'll have to click on "Inspect element".

Step 2: Copy the "id=block" code

In one case you have opened the inspector tool, you tin hover on the element in your site, this volition highlight the element's "class", this will be helpful to discover the "id=block", once yous've constitute it, double click it to select the entire code and press (Control+C) to copy.

Step 3: Click on "Pattern"

Go to the left options panel and click on pattern, if you have problems to detect this panel, get to the upper left corner, there you will see a clickable pointer button, click it and that should brandish the left options panel.

Step four: Click on "Custom CSS"

Once you've clicked on "Design" in the previous footstep, some new options will be displayed, hither yous have to click on "Custom CSS".

Stride 5: Paste the id and enter the lawmaking

Here you lot have to write # and so paste the Id y'all've copied from pace 2, and then yous'll accept to open curly brackets and enter the background code, such as this.

#block-357cb794a9fdc70ceef1 {

background: red;

}

‍