I only want one page to not have a transparent header

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

Hi,

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!

 Thanks

Jessica

Hi. Where is blog?

/config/pages is admin url.

See how to find page url.

2 hours ago, tuanphan said:

Hi. Where is blog?

/config/pages is admin url.

See how to find page url.

Hi,

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!

On 6/24/2021 at 4:49 PM, minnieosc0504 said:

Hi,

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;
}

2 hours ago, tuanphan said:

Add to Design > Custom CSS

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

 

Perfect! Thanks @tuanphan