Come regolare l'altezza della barra di navigazione superiore e del banner

[祁同伟]

[NateDhaliwal]

Non è possibile farlo normalmente, ma è possibile farlo con CSS, ma dipende davvero dall’altezza desiderata. Posso chiedere qual è il motivo? Grazie.

[祁同伟]

La barra di navigazione in alto sembra troppo alta rispetto al logo e all’avatar.

Anche l’altezza del banner sembra un po’ alta rispetto all’altezza del testo.

Potresti fornirmi il codice CSS per modificarli, se possibile?

[NateDhaliwal]

Ciao, a quale banner ti riferisci? Grazie.

[ToddZ]

La mia ipotesi è che “banner” significhi la barra di intestazione:

…che dovresti essere in grado di cambiare così (scegli la tua altezza e unità):

header.d-header {
  height: 50px;
}

E forse “barra di navigazione superiore” è il menu degli argomenti:

…che puoi cambiare così:

section.navigation-container {
  height: 40px;
}

[祁同伟]

Avviso globale

[ToddZ]

Se ispezioni il banner dell’avviso globale con gli strumenti per sviluppatori del browser, puoi vedere che il div ha un ID e alcune classi:

Normalmente riceve il padding, che influisce sulle dimensioni del banner, dalla classe .alert:

.alert {
padding: .5em 2.5em .5em 1em;
}

Ma puoi sovrascriverlo solo per l’Avviso Globale, in questo modo:

#global-notice-alert-global-notice {
  padding: .2em .5em .2em .5em;
}