Passer au contenu Passer à la barre latérale

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

Problème :
Le client a tenté d'utiliser du code CSS pour enlever un fond blanc dans un menu déroulant du sélecteur de langue WPML, mais cela n'a pas fonctionné.
Solution :
Nous avons suggéré d'utiliser des règles CSS plus spécifiques pour écraser celles du thème en ciblant uniquement le sélecteur de langue WPML avec la classe .wpml-ls-item. Voici les règles CSS recommandées :

/* Remove background */
.main-nav .navbar-nav .nav-item.wpml-ls-item .dropdown-menu {
    background-color: transparent;
}
/* Remove background on hover */
.main-nav .navbar-nav .nav-item.wpml-ls-item .nav-item a:hover, .main-nav .navbar-nav .nav-item.wpml-ls-item .nav-item a:active {
    background-color: transparent;
}
/* Reduce width */
.main-nav .nav-item.wpml-ls-item .dropdown-item {
    min-width: auto;
}
/* Reduce width */
@media only screen and (min-width: 991px)
.on-hover-menu ul .nav-item.wpml-ls-item ul {
    min-width: auto;
}
/* Remove border */
.main-nav .navbar-nav .nav-item.wpml-ls-item .nav-item a {
    border-bottom: 0;
}

Le client peut adapter ces règles selon ses besoins et les ajouter dans le fichier style.css de son thème ou dans la section "Apparence > Personnaliser > CSS additionnel" de son tableau de bord WordPress.
PS: Notez que les codes personnalisés ne rentrent pas dans notre politique de support. Ce sont juste des recommandations pour mettre le client sur la bonne voie.

Si cette solution ne semble pas pertinente, veuillez ouvrir un nouveau ticket de support sur notre forum de support WPML.

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 1 réponse, a 2 voices.

Dernière mise à jour par Nicolas V. Il y a 1 année et 9 mois.

Assisté par: Nicolas V..

Auteur Messages
janvier 23, 2024 à 11:41 am #15216045

samuelC-28

j'ai regarde la documentation WPML et mis le code a rajouter pour enlever dans un dropdown le morceau blanc mais rien ne se passe

celle ci

nav ul[class*="menu"] li.wpml-ls-menu-item ul.sub-menu,
nav ul[class*="menu"] li.wpml-ls-menu-item ul.sub-menu li a {
width: auto;
min-width: 30px;
}

Capture d’écran 2024-01-23 à 13.40.11.png
janvier 23, 2024 à 4:21 pm #15218246

Nicolas V.
Supporter

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

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

Bonjour,

Bienvenue sur le support de WPML. Je viens de visiter votre site et je vois que les règles CSS utilisées proviennent de votre thème. Les personnalisations CSS ne sont pas comprises dans notre politique de support mais pour vous aider j'ai identifié les règles et voici comment vous pouvez les écraser en étant plus spécifique et en ajoutant la classe .wpml-ls-item (afin de cibler seulement notre sélecteur:

/* Remove background */
.main-nav .navbar-nav .nav-item.wpml-ls-item .dropdown-menu {
    background-color: transparent;
}
/* Remove background on hover */
.main-nav .navbar-nav .nav-item.wpml-ls-item .nav-item a:hover, .main-nav .navbar-nav .nav-item.wpml-ls-item .nav-item a:active {
    background-color: transparent;
}
/* Reduce width */
.main-nav .nav-item.wpml-ls-item .dropdown-item {
    min-width: auto;
}
/* Reduce width */
@media only screen and (min-width: 991px)
.on-hover-menu ul .nav-item.wpml-ls-item ul {
    min-width: auto;
}
/* Remove border */
.main-nav .navbar-nav .nav-item.wpml-ls-item .nav-item a {
    border-bottom: 0;
}

Libre à vous d'adapter ces règles à vos besoins. Vous pouvez ensuite les ajouter dans votre stylesheet (style.css) ou dans "Apparence > Personnaliser > CSS additionnel"

janvier 24, 2024 à 4:26 pm #15222936

samuelC-28

Merci Énormément