How to change the style of your blog post title
Squarespace automatically matches your blog titles to your H1 style, but in this tutorial, I'll show you how to break free from those constraints using both the Site Styles menu and some fun CSS tricks!
Before we jump into the creative CSS effects, let's start with the built-in customization options that many Squarespace users overlook:
Navigate to Site Styles → Fonts → Assign Styles
Scroll down to find "Blog Post"
Click into the title section
Choose "Custom" from the dropdown to unlock:
Font family selection
Font weight and style
Line height and letter spacing
Text transform options
Custom sizing
You can also edit the color of the blog post title using your color theme options, inside your site styles menu.
While those additional options give us some flexibility, we can do even more with custom code! in the tutorial below, you’ll learn how to create a gradient blog post title, how to create an outline text effect, and how to create the splice text effect, too. The codes for each style are below, but if you are new to code, make sure you watch the tutorial so you understand how to add them to Squarespace and how to customize them to make them match your own unique style.
