Jump to content

I only want one page to not have a transparent header

Recommended Posts

Site URL: https://kangaroo-shallot-wxkd.squarespace.com/


Password: dunstiraustin

I would like to add opaque headers to my collection pages (blog)  - the rest of the site uses a transparent header. I have tried using CSS and the page collection # but it just changed the colour of the sticky header when you scroll back up.

This is one of the pages I want to add a coloured header to - https://kangaroo-shallot-wxkd.squarespace.com/config/pages/60ae1de6bca60f61de43b192

Please help!



Link to comment
  • Replies 4
  • Views 487
  • Created
  • Last Reply
On 6/24/2021 at 4:49 PM, minnieosc0504 said:


Thanks for getting back to me.

It's the pages that the properties link to on the 'our developments page' they are in a blog as i've used a map plugin that needed them to be in a collection. The url slug of the blog is /map-collection

Thank you!


Add to Design > Custom CSS

/* Blog page header */
body[class*="collection-type-blog"] header#header {
    background-color: #f1f2f3 !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

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

Hire a Designer

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