Headers on Product Pages & Blogs

Site URL: https://parsnip-green-be9j.squarespace.com

I need to get the product pages and the blog to look the same as the rest of the website (with the purple image background) however I'm struggling to find code that can sort this.

The header in the main nav is set to transparent, which of course causes a problem when you go onto pages such as product page and blogs where you're unable to do much with the design itself.

Product page example: https://parsnip-green-be9j.squarespace.com/shop/p/business-cards

Blog example: https://parsnip-green-be9j.squarespace.com/blog/tigerprivate

Can anyone help at all? Thank you!!

Hi. What is access password?

@tuanphan Ah sorry! Very simple - password is 123456

21 hours ago, cl-lh-2021 said:

@tuanphan Ah sorry! Very simple - password is 123456

Add to Blog Page Header, Shop Page Header

<style>
  header#header {
    background: #a32987 !important;
}
  header#header a {
    color: white;
}
  header#header svg {
    fill: white;
}
</style>

@tuanphan Amazing, thank you so much!!! 🙂