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

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

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

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

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

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?

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.

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

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