[Résolu] Menu language Css not working

Bonjour,

Merci d'avoir contacté le support de WPML. Merci pour la vidéo cela aide à comprendre le problème. Je pense qu'il s'agit d'une règle CSS provenant de votre thème qui doit écraser le CSS du sélecteur.

Cependant comme le sélecteur n'est pas visible sur le frontend et la langue FR n'est pas publiée je en peux pas vérifier cela dans le code source.

Pourriez vous réactiver le sélecteur et rendre la langue FR visible?
Si vous ne souhaitez pas que vos clients le voient, ajoutez une règle CSS dans le customizer de WordPress:
- Allez dans "Apparence > Personnaliser > CSS Additionnel"
- Ajoutez ceci:

li.wpml-ls-item {
    display: none!important;
}

Je serais en mesure de le voir dans le code source et savoir quelles règles CSS sont appliquées.

Bonjour,

Merci je peux maintenant voir le sélecteur et c'est bien ce que je pensais, il y a une règle qui écrase celle du sélecteur:

et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a, .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu a {
    color: #0D57A6 !important;
}

Vous pouvez écrire une règle encore plus spécifique pour votre sélecteur:

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.wpml-ls-slot-2:hover a {
    color: #ffffff !important;
}

Bonjour,

Vous pouvez intégrer la règle CSS soit dans votre fichier style.css du thème actif (via FTP ou Cpanel) soit en allant dans "Apparence > Personnaliser > CSS additionnel".

Bonjour,

Je pensais que cela était fait exprès car vous avez une règle spécifique (sans doute venant de la personnalisation du sélecteur dans "WPML > Langues").

Je ne suis pas sûr de comprendre "le blanc n est pas blanc"? Je vois cette règle:

.wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2:hover, .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2:hover a, .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2 a:hover {
    color: #ffffff;
    background-color: #0d57a6;
}

1. Si vous souhaitez éliminer complètement l'effet mouse hover vous devriez pouvoir le faire dans "WPML > Langues" ou vous pouvez inverser les valeurs et mettre important:

.wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2:hover, .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2:hover a, .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2 a:hover {
    color: #0d57a6!important;
    background-color: #ffffff!important;
}

2. Si vous souhaitez garder un autour blanc vous pouvez changer la règle pour:

.wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2:hover a, .wpml-ls-slot-2.wpml-ls-current-language .wpml-ls-slot-2 a:hover {
    color: #0d57a6!important;
    background-color: #ffffff!important;
}

Bonjour,

Je vous que vous n'avez pas encore appliqué les dernières règles envoyées. Lorsque je passe la souris sur le sous menu avec la langue FR est toujours en bleu.