Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

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

Modify tab height with userChrome.css

  • 4 replies
  • 2 have this problem
  • 8 views
  • Paskiausią atsakymą parašė Andreas992

more options

I droppep my userChrome.css to a folder named /chrome in my thunderbird folder, to change the default height of the tabs using this css code:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tabbrowser-tabs *|tab {

   font-size: 20px !important;
   height:    50px !important;
   min-width: 8px !important  }

But nothing change. Instead on my Firefox, it works perfectly changing right the tab height.

Any suggestion?

I droppep my userChrome.css to a folder named /chrome in my thunderbird folder, to change the default height of the tabs using this css code: ****************** @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); .tabbrowser-tabs *|tab { font-size: 20px !important; height: 50px !important; min-width: 8px !important } ****************** But nothing change. Instead on my Firefox, it works perfectly changing right the tab height. Any suggestion?

Chosen solution

Yes it should be chrome/userChrome.css just as in Firefox, but the selection wasn't based on the element's ID, but on its class, so it should be the following, :

.tabmail-tabs *|tab {

 font-size: 20px !important;
 height:    50px !important;
 min-width: 8px !important

}

Skaityti atsakymą kartu su kontekstu 👍 1

All Replies (4)

more options

In TB the element isn't called tabbrowser-tabs, but tabcontainer instead, so try it with:

.tabcontainer *|tab {

 font-size: 20px !important;
 height:    50px !important;
 min-width: 8px !important

}

more options

Not working too :-(

It's right to have the userChrome.css in the /chrome folder, like in FF ?

more options

Chosen Solution

Yes it should be chrome/userChrome.css just as in Firefox, but the selection wasn't based on the element's ID, but on its class, so it should be the following, :

.tabmail-tabs *|tab {

 font-size: 20px !important;
 height:    50px !important;
 min-width: 8px !important

}

more options

It works! :-)

Thanks a lot, you really saved my day (I lost half a day to find how to reduce these tabs in TB)

I think that should be in some Official FAQ for TB.

Thank you!