How to add header four in Squarespace


We’ve previously talked about how you can add your own custom font to your Squarespace website, and in this post I’ll share another Squarespace font hack with y’all! 

In today’s post I’ll show you how easily you can add a H4 tag on your Squarespace website!

Add code to Custom CSS editor:

The first step to setting up your H4 is to add in the code to your CSS editor. If you’d like to use a custom font for this process, follow the Adding a Custom Font in Squarespace tutorial first. 

Once you’ve got your font identified, adding the H4 code is super simple! Just paste the following into your CSS editor:

h4 {

  font-family:'Name of font here’;



  font-weight: 10;


Any bolded text above should be changed to fit your needs and customize the settings for your font! 

Adding H4 to your site:

To add your Header 4 to your website, the easiest way is by adding a code block (yes, this requires the business plan or higher on Squarespace). 

Insert a code block where you’d like to display your H4 and past the following in:


Your text here


Replace the bolded text with whatever you’d like your H4 to say, and you’re good to go!

That’s it, y’all! The super simple way to set up an H4 tag on your Squarespace website!

Looking for an upgraded brand or website for your business? Look no further! 

I’d love to work with you on creating a fabulous brand and website. If you’d like to learn more about how we can work together, head on over to the web design services page!

* this is an affiliate link, which means I may get some benefit at no extra cost to you!

Ida Winstead Pinterest Strategist

Oh hey! So glad you stopped by. I’m Ida - a Pinterest manager & Squarespace designer for wedding professionals. Fueled by coffee and puppy snuggles, we love to have fun over here.

Are you ready to get your new website designed? Learn more today!

Love it? Pin it!

Adding H4 in Squarespace 1
Adding H4 in Squarespace 2

you may also like