Modify tab height with userChrome.css
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
}
Read this answer in context 👍 1All Replies (4)
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
}
Not working too :-(
It's right to have the userChrome.css in the /chrome folder, like in FF ?
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
}
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!