This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

12.0: Toolbars display: "Read Mail" text not aligned properly, and can I insert horizontal separators, as in my previous version?

  • 2 majibu
  • 2 wana tatizo hili
  • 1 view
  • Last reply by BertCoules

more options

I've just upgraded from 3.6.12 to 12.0. I'm using the Menu Bar and the Navigation Bar, with Tabs beneath, and I've noticed two oddities in the toolbar display.

There are no longer horizontal separator lines between the toolbars and between the Navigation bar and the tops of the Tabs. The background of the Tab area also used to be a different colour from the space above. Is it possible to restore the lines? And/or the colour differentiation?

With the display set to small icons and text, the words "Read Mail" are not aligned with the other labels but appear slightly higher (though if I select text only, the alignment is perfect). can I fix this?

I've just upgraded from 3.6.12 to 12.0. I'm using the Menu Bar and the Navigation Bar, with Tabs beneath, and I've noticed two oddities in the toolbar display. There are no longer horizontal separator lines between the toolbars and between the Navigation bar and the tops of the Tabs. The background of the Tab area also used to be a different colour from the space above. Is it possible to restore the lines? And/or the colour differentiation? With the display set to small icons and text, the words "Read Mail" are not aligned with the other labels but appear slightly higher (though if I select text only, the alignment is perfect). can I fix this?

Modified by BertCoules

All Replies (2)

more options

Try to add code like this to userChrome.css below the default @namespace line.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


#navigator-toolbox toolbar {
 border-bottom: 1px solid ThreeDShadow !important;
 -moz-appearance: none!important;
}

#toolbar-menubar {
border-top: 1px solid ThreeDShadow !important;
}
more options

Many thanks for that. I've added the code: it has restored the horizontal separators (which is a huge improvement) but not the darker Tabs background, alas. Also, the Read Mail text is still not correct.

Modified by BertCoules