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