Hello,
Sure. You go to Appearence > theme option > advance option and you have “Header Background Color”
Hi Thanks, i did tried that, this changes the entire header section. I just need to change the area that the navigation bar is only.
For example like this site
sorry but you do not put your link
Try this code for changing the background & font color of the primary nav :
#nav-main .sf-menu ul {
background: #000;
}
#nav-main ul.sf-menu ul li a {
color: #fff;
}
Hi AntoineO
This didn’t make any change to the site
[#nav-main .sf-menu ul {
background: #000;
}
#nav-main ul.sf-menu ul li a {
color: #ffbfd3;
}]
I have pasted the code in the custom CSS block in advanced settings
if i inspect the section using firebug this is the section that i am referring to [<ul id=”menu-social-menu” class=”sf-menu sf-js-enabled”>]
sorry mariolspeter :/
i can not help you. I let profesionnals answer you !
Hey mariolspeter,
I looked at your link and it took me to a site that wasn’t using the virtue theme? Can you post a link to your site?
Kadence Themes
Nope, the link was just an example to show what i want to achieve.
[wallflowergirl.net] i am looking to change only the background of the navigation bar not the entire header
Hey mariolspeter,
Paste this in your custom css box in theme options > advanced settings:
#nav-second ul.sf-menu {
background: #999;
}
Hope it helps!
Hannah
Or in the theme options > advanced styling you can set the secondary nav background.
Kadence Themes
Thanks Hannah
I changed to below as i was using the main option of the menu & it worked great
[#nav-main ul.sf-menu {
background: #999;
}]
