Menu Bar - Show Text
I have an addon which comes with a toolbar - the buttons on the toolbar appear as icon and text.
When I move these buttons from the addon toolbar to the default Menu Bar - the text disappears.
If I use customize and select show icons and text, then all the toolbars are altered.
I just want to change the Menu Bar so it shows icons and text - is this possible?
Chosen solution
Many parts of the Firefox interface are configurable with style rules. The two ways to apply style rules to the UI are (1) the userChrome.css file and (2) the Stylish add-on. Since Stylish makes tweaking and previewing easy, I'll describe that method.
(1) Install Stylish and restart Firefox.
https://addons.mozilla.org/en-US/firefox/addon/stylish/
(2) Make sure your icon is on the menu bar.
(3) Look for the "S" icon on the Add-ons bar (press Ctrl+/ to display the bar if necessary). Click the icon and choose Write new style > Blank style...
(4) Copy the following and paste it into the new rule on the blank line between the curly braces, then click Preview to confirm that it reveals the text for the icon:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); toolbar#toolbar-menubar toolbarbutton .toolbarbutton-text { display:inline !important; padding-left:0.25em; }
(5) Assuming it worked, go ahead and give your rule a name, such as Show Label on Menu Bar
Stylish has many other uses, since it can modify web pages as well as Firefox's "chrome" (toolbars, menus, etc.).
Any luck?
Read this answer in context 👍 0All Replies (3)
Chosen Solution
Many parts of the Firefox interface are configurable with style rules. The two ways to apply style rules to the UI are (1) the userChrome.css file and (2) the Stylish add-on. Since Stylish makes tweaking and previewing easy, I'll describe that method.
(1) Install Stylish and restart Firefox.
https://addons.mozilla.org/en-US/firefox/addon/stylish/
(2) Make sure your icon is on the menu bar.
(3) Look for the "S" icon on the Add-ons bar (press Ctrl+/ to display the bar if necessary). Click the icon and choose Write new style > Blank style...
(4) Copy the following and paste it into the new rule on the blank line between the curly braces, then click Preview to confirm that it reveals the text for the icon:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); toolbar#toolbar-menubar toolbarbutton .toolbarbutton-text { display:inline !important; padding-left:0.25em; }
(5) Assuming it worked, go ahead and give your rule a name, such as Show Label on Menu Bar
Stylish has many other uses, since it can modify web pages as well as Firefox's "chrome" (toolbars, menus, etc.).
Any luck?
Try this extension:
Thanks jscher2000 and cor-el.
I have gone with the stylish addon and its worked.