Add a 4th Heading to Squarespace 7.0

What does this code do?

This code snippet will allow you to use a 4th heading option in Squarespace 7.0. Note that Squarespace 7.1 already has a 4th heading option.

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Heading 4 */
h4 {
  font-family: 'FONT NAME', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: 0.25em;
  text-transform: uppercase; /*uppercase, lowercase, capitalize, or none*/
  line-height: 2.2em;
  color: red;
  text-align: center; /* left, right, or center */
}

Copy and paste the following in a code block throughout your Squarespace website.

<h4>
  TEXT GOES HERE
</h4>

How To Use It

1. Copy and paste the code snippets as indicated above.

2. Change the FONTNAME to the name of the font you would like to use. Edit the other options to match the style you would like.