MenuBar styling problem!


I’m trying to modify the background color of my menubar with the following css:

.v-menubar-mainmenu  {
     background-color: white;
     font-family: "Lucida Sans",Georgia,Serif;
     font-size: large;
     border: 5px solid white;

Within my code the style is set like:


But the background color is not changing to white, while the font-size and border color and border thickness are set according to the css code as presented above!

Anybody any idea what I’m doing wrong here?


Try changing background instead of background-color.

.v-menubar-mainmenu {
background: white;
font-family: “Lucida Sans”,Georgia,Serif;
font-size: large;
border: 5px solid white;


Often when a CSS rule fails to apply, there’s a problem with cascading, usually with the specificity of the rule. See the
CSS intro in the Book here

You can usually see the problem easily with FireBug or some other HTML inspector for your browser.

Could be something else as well.