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
  • 1 view
  • Last reply by 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

}

Read this answer in context 👍 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!