Jump to content
Join us live on Dec. 11 as we discuss the most-anticipated designs of 2025 with three brand design experts. ×

How do I hide the banner on individual blog posts with the Brine Template

Go to solution Solved by Ziggy,

Recommended Posts

simonsp Level 4

simonsp

Posted
Posted (edited)

Hi, I have a series of blog posts on my website. However, each post's thumbnail is stretched out as a banner. Is there a snippet of custom CSS that I can use to get rid of the banner image on each blog post?

Adding more detail, the site is using the Brine template in Squarespace 7.0.

Edited by simonsp
  • simonsp changed the title to How do I hide the banner on individual blog posts with the Brine Template
  • Replies 5
  • Views 931
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

simonsp
simonsp

The webpage is here: https://resolvve.ca/therapists-test-page. Password is 1234 When you click on an individual therapist, it brings you to a blog post with a bio of a therapist on the team. But

Ziggy
Ziggy

Go into the blog page settings and then Advanced, add this to Post Blog Item Code Injection: <style> .view-item.collection-type-blog .custom-blog-banner .banner-inner-wrapper { display: n

simonsp
simonsp

Thanks this works!

Ziggy Level 14

Ziggy

Posted
Posted

Can you share your website URL and an example page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

Go into the blog page settings and then Advanced, add this to Post Blog Item Code Injection: 

<style>
.view-item.collection-type-blog .custom-blog-banner .banner-inner-wrapper {
    display: none;
}
</style>

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Ziggy Level 14

Ziggy

Posted
Posted
2 minutes ago, simonsp said:

Thanks this works!

Brilliant!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources