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

Menu Bar - Show Text

  • 3 replies
  • 1 has this problem
  • 1 view
  • Last reply by hotkee

more options

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?

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 👍 0

All Replies (3)

more options

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?

more options
more options

Thanks jscher2000 and cor-el.

I have gone with the stylish addon and its worked.