How to change color of header in Monochrome Pro?

[Alicia-S]

I am a new user, switching from a website builder to WordPress and Genesis for the first time.

I am using the Monochrome Pro theme and would like to change the color of the header from white to our brand color.

All guidance is appreciated!

I am enjoying the ease of use and flexibility of WordPress compared to previous website builder and have most of the content I need in place, now need some help to finish the finer details 🙂

[Bianca]

Enter this CSS in the customizer or change it directly in the child theme:

.site-header {
background-color: #000; /* insert the hex color of your brand */
}

Here is a link to a hex color picker if needed, however I guess you have a brand guide where the hex code is already defined.

You probably also need to change the color of the text

.site-title a,
.site-title a:hover,
.site-title a:focus,
.genesis-nav-menu a {
	color: #fff; /* insert the hex color you want the text to be */
}

---

I am a Marketing Communications specialist at Communics.

Visit my personal website | Follow me on Twitter | Connect on LinkedIn

[Alicia-S]

Thank you, Bianca! Going to try it now 🙂

[Alicia-S]

Worked very well. Thank you again!

[Author]

Posts