How to change the nav bar color without changing page color

[rgraham]

I have been at this for hours, and I see many others fighting this issue!  Weebly, are you listening??? This would be such a simple thing to let us designers customize, and yet you've buried it in a tangled web of CSS files. 

I just need to change the nav bar color without changing the background color of the page.

I was able to use the variables_light.less file and update the @bg and @fill with the hex values I want. That worked--my nav bar is now dark green and I changed the text to white--except now my whole page background is dark green also.  How do I make the page background white again while keeping my nav bar green?

[Bernadette3]

Weebly employees are not able to assist with code edits, but if you post a link to your site another user may be able to help you out. If you do edit the css/html area of your theme your site would be considered a "custom" theme. It's possible you may not be able to receive assistance from support unless you revert back to a standard Weebly theme. If you are able to add the css override to Settings>SEO>Header your site will still be a standard Weebly theme and it is much easier to troubleshoot. I.e. if you run into an issue, you can remove the code, see if the issues resolves, and the paste it back if the override was not the cause. Just something to think about when you are making these types of edits.