Augmenter la taille de l'en-tête lors de l'utilisation du thème Graceful

Nous avons légèrement modifié le CSS de ce thème et nous cherchons à savoir comment augmenter la bannière en haut de l’écran. Des conseils pour y parvenir ?

Pouvez-vous nous montrer une maquette de la modification que vous souhaitez apporter ?

Donc, actuellement, voici à quoi ressemble la bannière en haut du site :

Nous essayons simplement d’augmenter la hauteur pour obtenir quelque chose comme ceci :

Jusqu’à présent, nous avons seulement réussi à augmenter la taille de l’image du logo. Aucun succès avec la bannière.

C’est l’en-tête, pas une bannière. Vous pouvez consulter ce composant Big Header - Little Header, cependant la cible CSS est

.d-header {
    height: <value>;
}

Maintenant, je me sens juste bête lol.

Merci !

@dax, je suis dans la même équipe que @LlamaSensei. Ce que nous voulons vraiment faire, c’est augmenter la hauteur de la barre de navigation. Je n’ai pas trouvé le code pertinent dans le CSS. Devons-nous ajouter du code pour y parvenir ?

Parlez-vous de cette barre en haut du site ? (sinon, veuillez fournir une capture d’écran)

C’est .d-header comme illustré dans l’exemple CSS ci-dessus

Oui, celui-là, et j’ai essayé de modifier la hauteur dans .d-header mais cela n’a pas fonctionné.

Où/comment l’éditez-vous ? Je suppose que vous modifiez directement le thème ?

Si vous modifiez le thème et l’ajoutez à common, cela ne fonctionnera pas, car il est défini dans desktop (et vous devriez l’ajouter à la fin de desktop). Le C dans CSS signifie Cascade, vous devez donc vous assurer de modifier .d-header après son existence dans le thème.

Je recommande vivement de créer un nouveau composant de thème, d’ajouter votre CSS personnalisé dedans, puis d’ajouter ce composant au thème (plutôt que de modifier le thème directement). Cela éviterait ce problème et garantirait que vos modifications ne soient pas écrasées lors de la mise à jour du thème.