Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

menu bar background colour

  • 9 replies
  • 2 have this problem
  • 170 views
  • Last reply by -Chris-

more options

Would anyone know the UserChrome,css code to change the colour of menu bar in attached image? I've had a look with dom inspector & got the id as toolbar-menubar

Userchrome entry have already tried, which does not seem to do anything... toolbar-menubar {background: #d3daed !important;}

Previously using a theme to change the appearance but this stopped working after FF28

Would anyone know the UserChrome,css code to change the colour of menu bar in attached image? I've had a look with dom inspector & got the id as toolbar-menubar Userchrome entry have already tried, which does not seem to do anything... toolbar-menubar {background: #d3daed !important;} Previously using a theme to change the appearance but this stopped working after FF28

Chosen solution

got it CTR setting under Toolbars(3) had got add background colour (os title bar) tabs not on top enabled doh This has generated a small line below the file menu which I can live with. This brings me close enough to appearance of FF 3.6 which I liked

Read this answer in context 👍 0

All Replies (9)

more options

Hi -Chris- it looks like the image didn't attach. Could you attach it to a reply? Thanks.

https://support.mozilla.org/questions/1108862#question-reply

more options

Wow, I don't even recognize that browser!

On my Windows 7 Aero-based theme, the menu bar background ends immediately after the word Help, with the background color assigned to the #main-menubar element. I think whatever add-on you are using to customize the toolbar area may have its own style rules overriding the default approach.

Is it Classic Theme Restorer or something similar? In that case, please check whether its options include a way to put a transparent background behind the menu bar.

If not, try transparent as the color in your custom style rule, and style the elements up and down the hierarchy in case the rule you need to override is there:

#toolbar-menubar, #menubar-items, #main-menubar {
  background-color: transparent !important;
  background-image: none !important;
}

Can you find it?

(P.S. to post code in a reply, insert an extra space at the beginning of each new line)

more options

why thank you for the unrecognised browser comment yep classic theme restorer is installed (as is classic toolbar buttons & a few others). tweaked you code by removing transparant element so it no reads

#toolbar-menubar, #menubar-items, #main-menubar {
 background-color: #d3daed !important;
 background-image: none !important;

} which has changed the background behind file menu, exit etc. Any way to extend the colour into space to right of help menu??

Modified by -Chris-

more options

updated image

more options

Can you use DOM Inspector to discover what other element is behind the menu bar? If it's not clear, I would work from the outside in, starting with #navigator-toolbox and drilling down from there.

more options

I give it a try. Have disabled CTR & low & behold the space to right of help has turned & nice shade of grey. there is now a slight transparency gap below it

more options

Chosen Solution

got it CTR setting under Toolbars(3) had got add background colour (os title bar) tabs not on top enabled doh This has generated a small line below the file menu which I can live with. This brings me close enough to appearance of FF 3.6 which I liked

more options

For comparison attached is image of FF 3.6 vs 43

Modified by -Chris-