How to add a tagline to Squarespace 7.1

Need a tagline for your Squarespace 7.1 site? I'll show you exactly how to add that perfect descriptive text under your site title! This quick tutorial walks you through the process step-by-step, including how to style your tagline to match your brand perfectly. Perfect for anyone wanting to make their site's purpose crystal clear from the moment visitors land on their page! 💫

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
}

Free Font & Text Property Guide

Style your tagline text in a uniquely way using the CSS properties in this free guide from InsideTheSquare.co

 
Previous
Previous

How to Add a Gradient Overlay to Squarespace Background Images

Next
Next

How to hide one content block on mobile or desktop