H4 and More


Ever wanted to add more heading styles to your text? With the code below you can have as many as you like - you are no longer limited to just H1, H2 and H3!

If you need help adding CSS to your Squarespace site please read our guide here.

Step 1: Add a Markdown Block

First create a Markdown Block and insert the following:

<h4>Some Text Here</h4>

Replacing the 'Some Text Here' with your required text content.

Step 2: Insert CSS

h4 {
 font-size: 16px;
 font-weight: 400;
 color: red;

Step 3: Style your Heading

Now change the 16px to a value you want for the size of the text. Change the font-weight value to either 100, 200, 300... 700, 800 or 900 and change the colour to a colour of your choice. The great part about this is you can go back a repeat this tutorial with H5 and H6 and H7 and so on if you want to.

If you font size or colour is not changing then try putting !important between the value and the final ; like this:

font-size: 16px !important;