Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Learn More

How to adjust top padding on tab titles?

  • 3 Antworten
  • 0 haben dieses Problem
  • 1 Aufruf
  • Letzte Antwort von bwbradwicks

more options

If I set my tab title bar height to 30px in my userChrome.css the tab titles are no longer centered (top to bottom) on the tab bar. The top padding on the tab titles needs to be reduced by at least 3px and I would be grateful for a code snippet that does so.

If I set my tab title bar height to 30px in my userChrome.css the tab titles are no longer centered (top to bottom) on the tab bar. The top padding on the tab titles needs to be reduced by at least 3px and I would be grateful for a code snippet that does so.

Ausgewählte Lösung

@cor-el Thanks for helping. I did webdesign part time for 10 yrs and I solved my issue by appending a negative margin statement to the tab bar font size statement as seen below. ... I used to custom code & modify WordPress a lot and used to make some straight HTML pages also.

} /* Tab bar */

  1. TabsToolbar {
 font-size: 15px !important;
 margin-top: -4px !Important;

}

The textbox butchered my code a little but you get the idea.

Diese Antwort im Kontext lesen 👍 0

Alle Antworten (3)

more options

OP here, after looking further, its the top padding on the title bar that needs to be shortened, and not the padding on the tab titles. You can really tell this on the active tab on the pic's right side. Here is a screen shot:

Geändert am von bwbradwicks

more options

You can adjust the margin-bottom or possibly try a negative margin-top to pull up the text. The inspector should also show the actual height of the tab text container and you may have to add a "height: var(--tab-min-height)" to some of the containing elements assuming that you have modified --tab-min-height to set the tab height.

*|*:root {--tab-min-height: 30px !important;}

more options

Ausgewählte Lösung

@cor-el Thanks for helping. I did webdesign part time for 10 yrs and I solved my issue by appending a negative margin statement to the tab bar font size statement as seen below. ... I used to custom code & modify WordPress a lot and used to make some straight HTML pages also.

} /* Tab bar */

  1. TabsToolbar {
 font-size: 15px !important;
 margin-top: -4px !Important;

}

The textbox butchered my code a little but you get the idea.

Geändert am von bwbradwicks