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

can i add text labels to my icons

  • 6 replies
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

can i add text labels to my icons? Also i would love my tab bar on the button like the old style Firefox i always used the Classic theme restorer but cant find it anymore. The text and labels always worked with the tab fix plus but cant find that either Thanks so much

can i add text labels to my icons? Also i would love my tab bar on the button like the old style Firefox i always used the Classic theme restorer but cant find it anymore. The text and labels always worked with the tab fix plus but cant find that either Thanks so much

All Replies (6)

more options

Modified by cor-el

more options

I used this code on my userChrome.css .............

#TabsToolbar {
position: fixed;
bottom: -0.5em;
width: 100%;
}
#tabbrowser-tabs { width: 96%; }
#content-deck { margin-bottom: 2.5em; }

how i change it to make the tabs bigger now?

Thanks Lizza

more options

Wasn't that listed right on the code you just posted indicating the width of the tabs?

more options

What do you mean with bigger (wider or taller or both)?

The selector for an individual tab is ".tabbrowser-tab {}"

more options

i want it wider but is i change from #tabbrowser-tabs { width: 96%; } to #tabbrowser-tabs { width: 150%; } i see no difference what am i doing wrong?

more options

Firefox comes with a pref on the about:config page to set a minimum width, so maybe increase this value.

  • browser.tabs.tabMinWidth

You can open the about:config page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue.


You would have to set a specific width in px units to a tab and also add the !@important flag to override existing rules.

.tabbrowser-tab { width: 150px !important; }

The #tabbrowser-tabs selector is for the entire Tab bar and 100% means the available screen width and you can't increase the width beyond 100%.