How to add a tagline to Squarespace 7.1

Nov 26

Does your website tell visitors exactly what you do in the first 3 seconds? If you're not sure, this tutorial is for YOU! In this video, you’ll learn how to add a tagline to your Squarespace site: a simple statement that will show up under your site title or logo.

The code for this customization is under the video. If you want to see how to add it to Squarespace and how to customize the style of your tagline, check out the video below!

Important update: Squarespace made changes to the program menu in May 2025. If your menu looks different than the video, press the / key to open the program search and search for Custom CSS to navigate there directly.

Here are the codes from this tutorial; both the main code and the creative one! If you use additional properties to change the style, make sure you update the values to match your own unique website.

/* tagline code from insidethesquare.co */
.header-title:after{
 content: "your tagline";
}

/* styled tagline code from insidethesquare.co */
.header-title:after{
 content: "your tagline";
 font-size:10px;
 letter-spacing: 5px;
 color: red;
 font-weight: bold
}