Divi, l’un des thèmes WordPress les plus populaires, offre une grande flexibilité pour personnaliser le design de votre site. Cependant, certains éléments par défaut, comme l’ombre portée sur le menu principal, peuvent ne pas correspondre à votre vision esthétique. Heureusement, il est simple de supprimer cette ombre grâce à un code CSS personnalisé. Voici un guide rapide pour y parvenir.
L’ombre par défaut du menu peut parfois sembler intrusive, surtout si vous optez pour un design minimaliste ou si vous utilisez des couleurs de fond claires. En supprimant cette ombre, vous obtenez un menu plus épuré et moderne, parfaitement adapté à certains styles de site web.
Voici le code CSS à utiliser pour désactiver l’ombre du menu principal, ainsi que celle du menu fixe lors du défilement :
cssCopier le code#main-header, #main-header.et-fixed-header {
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}
Étapes pour ajouter ce code CSS
- Accédez au panneau Divi : Connectez-vous à votre tableau de bord WordPress, puis rendez-vous dans le menu Divi > Options du thème.
- Ajoutez le code CSS : Cliquez sur l’onglet CSS personnalisé, puis copiez et collez le code ci-dessus.
- Sauvegardez vos modifications : Cliquez sur le bouton Enregistrer les modifications.
- Vérifiez votre site : Rechargez votre site pour voir le résultat. Le menu ne devrait plus afficher d’ombre.
Conclusion
Personnaliser l’apparence de votre site Divi avec du CSS est un excellent moyen d’obtenir un design unique. En supprimant l’ombre du menu, vous pouvez renforcer le minimalisme et la clarté de votre site, tout en améliorant l’expérience utilisateur. Testez ce code dès aujourd’hui pour un menu élégant et sans distractions !
