How To Change Font Color In Squarespace

Today nosotros'll exist looking at how to make a text block background of a different colour, In this background color squarespace tutorial you tin can run into a text block with a ruby-red colour background. In this default size you can see there's no visible background then the offset thing nosotros have to practise is to check what is the id of the block which has the text we desire to edit, correct click on it, select "Inspect element". In the inspector nosotros're gonna look for the div that starts with the word "block" that besides surrounds our text don't become confused considering in that location are some divs that contains that word, this is the one that you have to select. Once y'all have plant it, double click on it, press CTRL+C to copy it, close the inspector, get to the dorsum-end of the site, hit "Design", click on "Custom CSS", type a hashtag (#), paste (CTRL+V) the code you take already copied it, add open up and closing curly braces and between those type "groundwork" and add the color yous want in the background, in this instance I chose carmine. Hitting salve to mantain the changes and this is the way you can modify the color of the background of whatsoever text of your site.

Tutorial: Changing Background Color Squarespace

‍

Pace 1: Open the inspector tool

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

Step 2: Copy the "id=block" lawmaking

Once you take opened the inspector tool, you can hover on the chemical element in your site, this volition highlight the element'south "form", this volition exist helpful to find the "id=block", in one case yous've found it, double click it to select the entire code and press (Control+C) to copy.

Stride 3: Click on "Pattern"

Go to the left options panel and click on design, if you take problems to find this panel, go to the upper left corner, at that place you volition encounter a clickable arrow button, click it and that should brandish the left options panel.

Step 4: Click on "Custom CSS"

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

Step 5: Paste the id and enter the code

Here you accept to write # and and then paste the Id you've copied from stride ii, and then you lot'll have to open curly brackets and enter the groundwork code, such as this.

#block-357cb794a9fdc70ceef1 {

groundwork: carmine;

}

‍