nav bar color change on different pages

[Brief]

Hello everyone,

I have seen this question asked before but did not find an answer. The navbar menu on my home page is grey. On my about page the page background colour is a pink/peach colour. I need the nabber menu colour to change to pink/peach on that page. Would also like to do this to other pages that I add that are different colours.

Could someone please help. I just realized I have been using this platform for over 5 years for several projects 'thumbs up'

Thank you so much.

Best,

Thomas

Site I am working on:

http://strathcona-homes.ca

[Brief]

I am referring to the menu bar color, sorry if it's unclear what I am referring to.

[panteley]

[panteley]

Consider hiding it.

[Brief]

thank you but I want to have the effect of having content flow behind it.....
just need code for custom color on a particular page...

[maxkesslau]

This is easily doable with a tiny bit of css, just add an html element to the page you want your navbar color changed on, and put in

<style>
.navbar{
     background-color: your color of choice goes here in whatever format you like;
}
</style>

If that does not work, add a !important after the color and before the semicolon.

[arminunruh]

very good answer
also read this https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

[Brief]

Thank you. I will try it out.

[Brief]

Amazing!!!! Works great.