We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

Menu Bar - Show Text

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

hotkee
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)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
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?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try this extension:

hotkee
hotkee Question owner
more options

Thanks jscher2000 and cor-el.

I have gone with the stylish addon and its worked.