This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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.

Center tab font vertically

noel_envode
noel_envode
more options

I found this post at https://support.mozilla.org/en-US/questions/1185760

and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters 

/* Tab bar: adjust height */
/* Squash tab bar to 4px unless a tab is hovered */
#TabsToolbar, 
#TabsToolbar .tabbrowser-tab[selected] {
  height: 19px !important; /* 29px compact, 33px normal, YMMV */
  min-height: 19px !important;
  max-height: 19px !important;
}
I found this post at https://support.mozilla.org/en-US/questions/1185760 and adapted the code, but I would still like to slightly adjust/center the font vertically, since it currently sits on the bottom border cutting off certain letters <pre><nowiki>/* Tab bar: adjust height */ /* Squash tab bar to 4px unless a tab is hovered */ #TabsToolbar, #TabsToolbar .tabbrowser-tab[selected] { height: 19px !important; /* 29px compact, 33px normal, YMMV */ min-height: 19px !important; max-height: 19px !important; }</nowiki></pre>
Attached screenshots

Modified by cor-el

All Replies (3)

noel_envode
noel_envode Question owner
more options 
/* Tab bar: adjust height */ 
#TabsToolbar .tabbrowser-tab[selected] {
  height: 19px !important; /* 29px compact, 33px normal, YMMV */
  min-height: 19px !important;
  max-height: 19px !important;
}

Modified by cor-el

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You can add some padding to move up the text one or more pixels. 

#TabsToolbar .tabbrowser-tab .tab-label {
  padding-bottom: 1px !important;
}
noel_envode
noel_envode Question owner
more options

cor-el said

You can add some padding to move up the text one or more pixels. 
#TabsToolbar .tabbrowser-tab .tab-label {
  padding-bottom: 1px !important;
}

I tried altering the number, but it had no effect