Easy to use, fast

Hi @hdahle,

Thank you very much for the review! Can you please give me more details about what you mean, with the background color of the heading? Maybe a screenshot?

Thank you,
Rodica

Hi Rodica,

Thank you for helping. I am talking about what’s called the “Header” in the “Neve” template, where the Logo, Site Title and Tagline lives. The “Header” is at the top of the landing page (directly below the “Top Bar” which I have disabled).

In WP, I do “Customize -> Header” which gives me the options of customizing

– Site Identity
– Top Bar
– Primary Navigation

BUt nowhere is there an option to change the background of this Header.

The Neve template allows for easy changing the background color of the content:

Customize -> Colors & Background

But again – I just cant find a way to change the background color of the top Header. Is there a way to to this using some Custom CSS?

I can’t seem to attach screenshots to this post unfortunately.

Hakon

OK I may have solved the problem: By adding a bit of “Additional CSS” in “Customize” I can change the header background color as I like:

.nv-navbar {
background-color: pink
}

Hi @hdahle,

Sorry for the late reply. Yes, currently there isn’t any option to customize that color, but we have this on our todo list for the next updates. In the meantime, yes, that custom code should do the work.

Thank you,
Rodica

I had used this CSS previously on my site, and it worked great. However, Neve released an update today, and when I updated the theme, now color in my header has gone back to white, despite my having added the following CSS:

.nv-navbar {
background-color: #4F583D
}

Is there a reason that’s no longer working with the new update? How can I change the background color now?

Hello @mdkdigitalsolutions,

Yes, we have rolled out a new builder for the header/footer which you might like. It offers more customizations options but there is a small chance if you used some targeted CSS rules to require a few small modifications.

Can you try maybe something like:

.site-header {
background-color: #4F583D
}

Let me know how it goes.

That did not work, the header is still white: https://dirtfloorfurnitureanddesign.com

I’m using:

.header-main-inner {
background-color: #4F583D;
}

and that worked. Thank you!!