X
Tap here to go to the mobile version of the site.

Support Forum

can i add text labels to my icons

Posted

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
cor-el
  • Top 10 Contributor
  • Moderator
17465 solutions 157833 answers
You need to use code in userChrome.css to achieve this. * https://github.com/Aris-t2/CustomCSSforFx * https://github.com/Aris-t2/CustomCSSforFx/issues/2 (full list) See tabs_below: * https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css/tabs ---- *https://www.userchrome.org/how-create-userchrome-css.html *https://www.userchrome.org/what-is-userchrome-css.html

Modified by cor-el

Question owner

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

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
WestEnd
  • Top 25 Contributor
60 solutions 5379 answers

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

Wasn't that listed right on the code you just posted indicating the width of the tabs?
cor-el
  • Top 10 Contributor
  • Moderator
17465 solutions 157833 answers

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

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

What do you mean with bigger (wider or taller or both)? The selector for an individual tab is ".tabbrowser-tab {}"

Question owner

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?

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?
cor-el
  • Top 10 Contributor
  • Moderator
17465 solutions 157833 answers

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%.

Firefox comes with a pref on the <b>about:config</b> page to set a minimum width, so maybe increase this value. *browser.tabs.tabMinWidth You can open the <b>about:config</b> page via the location/address bar. You can accept the warning and click "I accept the risk!" to continue. *http://kb.mozillazine.org/about:config ---- You would have to set a specific width in px units to a tab and also add the !@important flag to override existing rules. <pre><nowiki>.tabbrowser-tab { width: 150px !important; }</nowiki></pre> 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%.