Changer la couleur du menu au passage de la souris - Divi Community

Véronique demandait sur le groupe facebook Divi Theme France si l’on pouvait modifier la couleur des liens du menu lorsque la souris passait dessus. (il y a d’ailleurs une solution autre que celle que je vous donne ici)

Lorsque vous installez Divi et que vous mettez en place votre menu, vous allez vous rendre compte que lorsque vous passez votre souris sur les éléments de celui-ci, ils deviennent un peu plus clair et translucide (gris clair si vous avez laissé les réglages de base).

Cette couleur c’est malheureusement pas modifiable dans les réglages de Divi et n’est pas forcément en adéquation avec le design de votre site.

Je vais donc vous montrer comment y arriver très simplement.

Aller dans Apparence->Personnaliser->CSS additionnel et copiez-collez le code CSS suivant :

/*COULEURS ÉLÉMENTS MENU AU PASSAGE DE LA SOURIS (HOVER)*/

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover {
/*la couleur que vous souhaitez afficher*/
color: #cc692f !important;
/* l'opacité (entre 0 et 1). Ici on supprime l'effet translucide d'origine en mettant 1*/
opacity:1 !important;
}

Et c’est tout!

Vous n’avez maintenant plus qu’à remplacer ma couleur par la votre dans ce morceau de code.