[Resolved] Change Site header background color on different pages

[Charles]

I am sure the answer for the above question is already found on your forum, but can’t find it. I would like to change the site header, especially the color of the background, for different pages on my site. How can this be done?

[Leo]

Hi there,

You would need find the page ID and target it using CSS like this:

.page-id-xx .site-header {
    background-color: #000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Charles]

Yes, this works. Thank you for the timely response.

[Leo]

No problem 🙂

[Author]

Posts