How to change the background color of the header on some specific pages.

Hi, 

I was wondering if it is possible to change the background color of my header, of some specific pages.
I'm working with a client and he asked me if the main page could have a black header, but he wants me to put a photo on several of the other pages.

How can I do this?

Thanks, 

Jessica

Hi,

Yes possible. If you share link to a page, we can help easier

Hi, Thank you for your answer. 

https://dodecahedron-carillon-8ppz.squarespace.com/

password: simplify change

So the home page they want the background of the header black, but in the Resources page they want it to be white and if you in the services then all the way down to Project Management, thay want the picture to be part of the header,  i don't know if i made myself clear. 

Attach you can find some exemples.

On 8/16/2023 at 7:57 PM, JessieG said:

Hi, Thank you for your answer. 

https://dodecahedron-carillon-8ppz.squarespace.com/

password: simplify change

So the home page they want the background of the header black, but in the Resources page they want it to be white and if you in the services then all the way down to Project Management, thay want the picture to be part of the header,  i don't know if i made myself clear. 

Attach you can find some exemples.

You can add this code to Resource Pages Settings > Advanced > Code Injection Header

<style>
  .header-background-solid {
    background-color: white !important;
}
header#header div.header-nav-item>a {
    color: black !important;
}
</style>

and this code to Services Page Settings > Advanced > Header

<style>
  article section:first-child {
    padding-top: 0 !important;
}
 .header-background-solid {
    background-color: transparent !important;
}
</style>

Thank you very much, i will try it!