We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Caută ajutor

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.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

Center tab font vertically

  • 3 răspunsuri
  • 1 are această problemă
  • 3 vizualizări
  • Ultimul răspuns de noel_envode

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>
Capturi de ecran atașate

Modificat în de cor-el

Toate răspunsurile (3)

noel_envode
noel_envode Deținătorul întrebării
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;
}

Modificat în de 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 Deținătorul întrebării
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