How to Hide Blog Post Titles in Squarespace

If you use graphics that include your blog post titles, you may want to hide the text blog post titles that automatically display on your blog landing page.

These instructions are for Squarespace 7.1 blogs using a grid-style layout. If you are using a different blog layout, you’ll need to switch out the class used in the CSS code below. If you are using Squarespace 7.0, the code varies by template.

If you take a look at my blog landing page, you’ll see that my blog posts are shown as graphics that include the post title. For a cleaner look, I decided to remove the redundant text titles that appeared underneath.

Custom CSS

To remove the blog post title on the blog landing page, you’ll need to paste in some custom code. Add the following code to Design > Custom CSS and then save. Your text blog post titles will no longer show on the blog landing page.

Important: you’ll need to swap out the collection ID below with your own specific page ID.

/* hide blog titles on main blog page */
#collection-5f6d4b6cd003d43e0dd0d802 .blog-basic-grid--text .blog-title {
display: none;
}

Then save the code and your blog post titles will no longer show up on your blog landing page as text.

Want to learn more about CSS in Squarespace?

My friend Will Myers has an excellent and affordable course to Learn CSS in Squarespace.