Hide Blog Post Titles on Squarespace Blogs
If you create blog post thumbnail graphics with the title text embedded in the image, you may want to hide the post title that displays on your blog overview page.
By using the codes below, you can automatically disable the blog post titles on the blog landing page to elevate the feeling of your blog.
Step 1
Head to Design > Custom CSS and inject the applicable code below.
Basic Grid Blog, Masonry Blog, and Alternating Side-by-Side landing pages are the most common 7.1 blog stylings so we’ve only created coding for these blog styles. If you are looking for coding for Side by Side Blog or Single Column Blog, drop us a line in the comments. For 7.0, coding varies by template family so the code is only applicable to Brine family templates.
Code for 7.1 Basic Grid Blog
//Hide Blog Title - Grid Style//
.blog-basic-grid .blog-title {
display: none!important;}
//Hide Blog Title - Grid Style//Code for 7.1 Masonry Blog
//Hide Blog Title - Masonry Style//
.blog-masonry .blog-title {
display: none!important;}
//Hide Blog Title - Masonry Style//Code for 7.1 Alternating Side-by-Side Blog
//Hide Blog Title - Masonry Style//
.blog-alternating-side-by-side .blog-title {
display: none!important;}
//Hide Blog Title - Masonry Style//7.0 Brine Family Blogs
//Hide Blog Title //
h1.BlogItem-title {
display: none;}
//Hide Blog Title//Quick Tip
You can either globally disable blog titles on blog collecting by using the stand alone code above or you can target a specific blog collection by limiting the code with the page’s unique Collection ID. Just swap our demo “#collection-” number sequence with your own unique Collection ID.
//Hide Blog Title - Grid Style//
#collection-5ffbcfd802df0e12dr135809 .blog-basic-grid--text .blog-title { display: none;}
//Hide Blog Title - Grid Style//
Pro Tip- Download a browser extension to easily find your Collection/Block ID, these are a few or search “Squarespace collection/block identifier“ in a search engine.
That’s it!
Reach out in the comments if you have any questions.
Disclaimer: Nestingzone is not affiliated or endorsed by Squarespace, we just love their platform. The term "Squarespace" is the registered trademark and property of Squarespace, inc.
