Hi guys,
I want to have the colour changed for the menu bar only and not the whole header, I’ve tried firebug etc but can’t isolate the manu bar area to adjust the colour, any help wuold be apprciated.
Silvio
Hi Silvio,
If its the menu from the link on your username, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#menu-new_menu1 {
background: #333;
}
#menu-new_menu1 li {
background: #666;
}
I added the individual list item background as well since you currently have it set to white and just so its there for a quick reference.
Regards,
Devin
Thanks, but I meant the whole menu block background colour.
Hi!
Insert following code into the quick css field:
.header_color .container .main_menu{
background-color: #ffffff;
}
and use another background color value.
Regards,
Peter
I’m sorry but this doesn’t work either :( Does something have to be struck out first? It only affects the TOP BAR and not the menu background..
I am trying this too, and nothing seems to be working.
Just a normal header, the client wants a colour behind the menu, this is all very slow…
you check it here http://www.northeastbarristers/homepage
Hi,
You can add this on your custom.css. To change the background of the menu bar you can use this
#menu-north-east-barristers-main-menu, #header_main_alternate {
background-color: red;
}
To alter the font color use this
.menu-item a {
color: black!important;
}
And for the menu border, you can use this.
.header_color ul {
border-color: blue;
}
Change the color value. You might want to change the color value that I use because they look ugly. :)
Regards,
Ismael
Thank you!