Change header color

Tagged: header

This topic has 2 replies, 2 voices, and was last updated 3 months ago by MK.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 15, 2022 at 4:48 pm #25018

MK
Customer

Hi, I want to change the color of the header banner on top. How can I do that? Thanks!

March 16, 2022 at 12:59 am #25020
Wes
Moderator
Hi,

Do you have a link to your site? Or is this on a local install?

If you’re using the latest version, then you can find the CSS for it around line 1007 in the style.css file –
```
/* Site Header
---------------------------------------------------------------------------- */

.site-header {
	background-color: #000;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
	color: #fff;
	padding: 0 40px;
}
```
If you don’t want to edit the css file, you can keep your Custom CSS separate by copying the code above (just the .site-header code) and adding it to the “Additional CSS” page located in the Customizer….. Appearance > Customize

Let me know if that helps
March 27, 2022 at 8:43 am #25044

MK
Customer

Thank you! This was super helpful and I managed to change it. Appreciate the help!
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.