Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

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.
Solved Archived

Modify tab height with userChrome.css

Thunderbird Settings
Andreas992 replied 9 years ago
Andreas992
Andreas992

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?
Onno Ekker
Onno Ekker
Read this answer in context

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

}

All Replies (4)

Onno Ekker
Onno Ekker

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

}

Andreas992
Andreas992 Question owner

Not working too :-(

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

Onno Ekker
Onno Ekker

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

}

Andreas992
Andreas992 Question owner

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!