Passer au contenu Passer à la barre latérale

Ce sujet est résolu. Voici une description du problème et de la solution.

Problem:
The client is experiencing an issue where the hover color on multilingual buttons does not work on English pages of their WordPress site, despite working correctly on the main French page. The hover color is not applied even though it is correctly set up.

Solution:
1. We suggested clearing the Elementor cache by navigating to 'Elementor > Tools' and clicking on 'Clear data and Files Cache'.
2. We noticed that a CSS rule with the !important attribute might be overriding the hover color on English pages. We recommended using a less specific CSS rule or adjusting the existing one.
3. We advised checking the global style settings in Elementor for both languages and ensuring they are consistent.
4. We suggested making a minor modification to the content, such as adding a blank space, and then saving the changes to refresh the styles.
5. If these steps do not resolve the issue, we recommended opening a new support ticket for further assistance.

Please note that this solution might be outdated or not applicable to your specific case. We highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the issue persists, please open a new support ticket at WPML support forum.

Il s'agit du forum d'assistance technique de WPML, le plug-in multilingue pour WordPress.

Il est accessible à tous, toutefois seuls les clients de WPML peuvent y publier leurs messages. L'équipe du WPML répond sur le forum 6 jours par semaine, 22 heures par jour.

Marqué : 

Ce sujet contient 14 réponses, a 1 voix.

Dernière mise à jour par gillesK-6 Il y a 1 mois.

Assisté par: Ilyes.

Auteur Messages
juillet 24, 2025 à 2:07 pm #17267767

gillesK-6

Contexte de la question:
Je tente de résoudre un problème de couleur Hover sur les boutons multilingues de mon site WordPress. J'ai remarqué que le problème se produit sur les pages en anglais, mais pas sur la page principale en français. J'ai essayé de copier-coller le bouton de la page française vers la page anglaise, mais le problème persiste. Voici les liens vers les pages concernées : OK sur la page française lien caché et échec sur la page anglaise lien caché.

Symptômes:
La couleur Hover n'est pas prise en compte sur les boutons des pages en anglais, bien qu'elle soit correctement configurée et fonctionne sur la page française.

Questions:
Pourquoi la couleur Hover ne fonctionne-t-elle pas sur les pages en anglais alors qu'elle fonctionne sur la page française?
Comment puis-je corriger ce problème de couleur Hover sur les pages en anglais?

juillet 24, 2025 à 3:36 pm #17268445

Nicolas V.
Supporter

Les langues: Anglais (English ) Français (Français )

Fuseau horaire: America/Lima (GMT-05:00)

Bonjour,

Bienvenue sur le forum d'assistance WPML. Merci de nous avoir contactés.

En attendant l'aide d'un de mes collègues pour ce ticket, je remarque que vous utilisez Elementor et une règle CSS avec l'attribut !important.

1. Essayez de purger le cache d'Elementor:
- Allez dans "Elementor > Tools" et cliquez sur Clear data and Files Cache

2. Essayez d'utiliser une règle moins spécifique:
- Voici la règle utilisée sur ce bouton:

.elementor-37305 .elementor-element.elementor-element-a7ab302 .elementor-button:hover, .elementor-37305 .elementor-element.elementor-element-a7ab302 .elementor-button:focus {
    background-color: var(--e-global-color-caca61a);
    color: var(--e-global-color-primary);
}

Cependant, sur la version Anglaise, la règle suivante écrase la couleur puisqu'elle contient l'attribut !important:

a:hover {
    color: #FF8316 !important;
}
juillet 25, 2025 à 5:43 am #17269905

gillesK-6

Merci pour votre réponse
J'avais déjà supprimé le cache d'Elementor sans sucés
J'ai constaté ce bug il y a environ 2 semaines tout etait correct auparavant sur les boutons des versions en anglais.
Le cas se produit bien sur TOUS les boutons du site en anglais alors qu'ils sont ok en français.
Je n'utilise pas de régle particulières pour les boutons en anglais, ce sont juste les widget Elementor.

Merci pour votre aide.

juillet 28, 2025 à 2:45 pm #17275835

Ilyes
Supporter

Les langues: Anglais (English ) Français (Français ) Arabe (العربية )

Fuseau horaire: Pacific/Easter (GMT-05:00)

Bonjour,

Si ce n'est pas intentionnel, cela pourrait être dû à une modification récente du CSS dans le code du bouton ou à une option de style sélectionnée dans ses paramètres.

Cela dit, pourriez-vous essayer la solution suggérée par mon collègue ?

Pourriez-vous également ajouter ce bouton à une nouvelle page de test et traduire la page pour voir si le problème persiste sur les nouvelles pages ?

Autre solution possible :

1. Allez dans WPML > Paramètres > Traduction des champs personnalisés et assignez « Copier » pour le champ _elementor_css ;
2. Modifiez le design comme vous le souhaitez ;
3. Veillez à apporter une petite modification au contenu, par exemple en ajoutant un espace vide dans un texte ;
4. Enregistrez vos modifications ;
5. Mettez à jour la traduction en l'enregistrant ;

Cordialement,

juillet 29, 2025 à 8:05 am #17277430

gillesK-6

Bonjour,

La suggestion de votre collègue était de purger le cache d'Elementor:
- Allez dans "Elementor > Tools" et cliquez sur Clear data and Files Cache
Ce que j'ai fait plusieurs fois sans succés.

Comme je vous l'ai expliqué il s'agit de TOUS les boutons des pages en anglais qui posent problèmes..
exemple : lien caché

Pour info, j'ai résolu le souci sur cette Page
lien caché
Mais en y insérant du css spécifique
.elementor-12106 .elementor-element.elementor-element-8856924 .jet-listing-dynamic-terms__link:hover {
color: #fff !important;
}
Cette solution n'est évidement pas satisfaisante car non globale.

J'ai effectué votre test
- Copie d'un bouton d'une page en anglais (en bug donc) sur une page en français et cette fois le bouton est ok, la couleur du hover est ok.

Concernant l'autre solution possible, je n'ai pas bien compris ce qu'il faut faire.

Merci pour votre aide

juillet 30, 2025 à 12:02 am #17280368

Ilyes
Supporter

Les langues: Anglais (English ) Français (Français ) Arabe (العربية )

Fuseau horaire: Pacific/Easter (GMT-05:00)

Bonjour,

J'aimerais vous demander un accès temporaire au wp-admin et au FTP de votre site de test, ce qui me permettra de trouver ces informations pour vous,

Il est important de noter que vous devez sauvegarder votre site et votre base de données avant de procéder, et vous pouvez utiliser un plugin comme Duplicator à cette fin. Voici un lien vers ce plugin : http://wordpress.org/plugins/duplicator/

Si vous ne voyez pas le formulaire ci-dessous, n'entrez pas vos informations d'identification, car elles seront exposées publiquement :

lien caché

Pour des raisons de confidentialité et de sécurité, veillez à ce que votre réponse soit privée.

août 4, 2025 à 12:59 am #17291458

Ilyes
Supporter

Les langues: Anglais (English ) Français (Français ) Arabe (العربية )

Fuseau horaire: Pacific/Easter (GMT-05:00)

Pourriez-vous vérifier pourquoi je ne parviens pas à me connecter au site ?

J'ai vérifié le problème de style, voici ce que j'ai fait :

1- J'ai supprimé le cache CSS d'Elementor.
2- J'ai vérifié le style global dans les deux langues.
3- J'ai refait la traduction d'une des pages.

Cela n'a pas aidé, mais à présent, je ne parviens plus à accéder au site.

Travaillez-vous actuellement sur votre site ? J'aimerais obtenir une copie locale de votre site afin de pouvoir le déboguer librement sans affecter votre site en ligne. Permettez-moi de télécharger le plugin « All-in-one Migration » pour obtenir une copie de votre site.

Merci,

août 4, 2025 à 9:38 am #17292484

gillesK-6

Bonjour,

Merci de vous pencher sur mon Bug.
Votre problème d’accès au site est sans doute ponctuel.
J'ai vérifié aucun souci de mon coté.

Quand vous dites
3- J'ai refait la traduction d'une des pages.
De quoi s'agit-il exactement, pas de problème de régression.

Merci de continuer à chercher car je ne vois vraiment pas d'où cela peut venir.

août 4, 2025 à 4:45 pm #17294222

gillesK-6

Si ça peut vous aider, je peux vous envoyer le .htaccess ?
ça pourrait être une piste car wpml écrit dedans

août 6, 2025 à 1:21 pm #17299605

gillesK-6

Bonjour,

Merci de me tenir au courant concernant ce ticket

Cordialement

août 6, 2025 à 1:53 pm #17299837

Ilyes
Supporter

Les langues: Anglais (English ) Français (Français ) Arabe (العربية )

Fuseau horaire: Pacific/Easter (GMT-05:00)

Bonjour,

Désolé pour le retard dans ma réponse,

J'ai dû transmettre cette question à nos développeurs, car elle nécessite un débogage plus approfondi.

Je suis en train de télécharger une copie de votre site afin de vous l'envoyer.

Je vous recontacterai rapidement avec plus d'informations.

août 6, 2025 à 3:23 pm #17300181

gillesK-6

Merci à vous

août 8, 2025 à 1:04 pm #17305521

Ilyes
Supporter

Les langues: Anglais (English ) Français (Français ) Arabe (العربية )

Fuseau horaire: Pacific/Easter (GMT-05:00)

Bonjour,

J'ai remarqué que le bouton fonctionne à nouveau : lien caché

Avez-vous modifié quelque chose vous-même ? Ou peut-être que mes modifications ont aidé.

août 9, 2025 à 6:12 am #17306447

gillesK-6

Bonjour,

Non je n'ai touché à rien, c'est curieux.
Il y a eu une grosse mise à jour WordPress, c'est peut-être cela qui a corrigé mais il faut que je vérifie si tout fonctionne correctement.

Vous ne savez pas d'où l'erreur pouvait venir car elle peut se reproduire ?

août 9, 2025 à 9:43 pm #17307129

Ilyes
Supporter

Les langues: Anglais (English ) Français (Français ) Arabe (العربية )

Fuseau horaire: Pacific/Easter (GMT-05:00)

Bonjour,

Difficile à dire, peut-être que cela a fonctionné après une réinitialisation du cache, ou peut-être s'agit-il d'une mise à jour.

Mais voici ce que j'ai fait :
1- J'ai supprimé le cache CSS d'Elementor.
2- J'ai modifié le style global du survol dans les deux langues, enregistré, puis je les ai rétablis tels qu'ils étaient et je les ai réenregistrés à nouveau (hard refresh)
3- J'ai refait la traduction de cette page concernèe.

à mon avis, je pense qu'il s'agit d'un problème temporaire, car nous n'avons reçu aucun autre ticket de ce type récemment. Sinon, il y aurait eu des dizaines.