Polylang, comment styliser le texte de la langue ? (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2407199
    Goudurisc
    Participant
    Chevalier WordPress
    390 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 3.5
    • Thème utilisé : ASTRA
    • Extensions en place : YOAST
    • Nom de l’hébergeur : OVH
    • Adresse du site :

    Problème(s) rencontré(s) :

    Bonjour,

    J’ai bien ajouté la langue en fin de mon menu et celle-ci s’affiche sous forme de texte  » EN » et « FR », et je souhaiterais modifier le style de ces deux élément.

    Dans Menu, l’onglet « Liste des Langues » n’accepte pas l’option « Classe CSS ».

    Je pourrais intervenir au niveau du CSS du menu avec li>a:last-child mais ça ne va pas fonctionner sur mobile, la langue étant positionnée au début dans ce cas.

    Comment modifier le style de  » EN » et « FR » ?

    #2407200
    mathieu42
    Participant
    Maître WordPress
    1210 contributions

    regardez les classes de l’élément « li », il devrait y avoir une classe qui commencer par « pll-… ».

    #2407206
    Goudurisc
    Participant
    Chevalier WordPress
    390 contributions

    Merci beaucoup mais depuis DevTools (Chrome) je ne vois aucune classe de ce type

    #2407219
    Lumiere de Lune
    Participant
    Maître WordPress
    20321 contributions

    C’est pour ça qu’il faut donner l’url du site, ça évite aux gens qui cherchent à aider de travailler à l’aveuglette 😀

    #2407221
    Goudurisc
    Participant
    Chevalier WordPress
    390 contributions

    Je comprends bien mais il y a parfois des site avec contenu confidentiel qu’il est difficile de diffuser avant mise en ligne.

    En l’état, il s’agit d’une extension très courante avec un besoin qui me semble plutôt élémentaire et on pourrait imaginer qu’il existe une procédure standard.

    Malheureusement, je n’ai pas encore trouvé.

    #2407222
    mathieu42
    Participant
    Maître WordPress
    1210 contributions

    je viens de réessayer avec le thème libre astra et j’ai toujours la classe css « pll-parent-menu-item » pour le menu de polylang.

    sans plus d’informations sur les spécificités de votre site, nous allons avoir du mal à vous aider sur ce forum.

    #2407230
    Goudurisc
    Participant
    Chevalier WordPress
    390 contributions

    Houps, toutes mille excuses Mathieu !!!! je travaille habituellement avec Astra mais là j’ai basculé sur OceanWP pour ce projet. Après, je ne pense pas que ça change la donne et je ne comprends pas pourquoi cette balise pll-parent-menu-item est introuvable.

    Depuis DevTools (Chrome), j’affiche bien le code (onglet « Element ») et :

    • je fais un rechercher sur pll
    • OU, je clique sur mon texte de langue depuis l’outil flèche de sélection d’éléments

    Je joins une capture.

    Et encore, désolé pour mon erreur de nom de thème et du temps que je t’ai fait perdre !!!

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2407233
    mathieu42
    Participant
    Maître WordPress
    1210 contributions

    la différence de thème ne fait rien, je viens de voir que c’est le réglage sur la page « menu » qui change plusieurs choses. sur mon site de test j’avais coché « Afficher en liste déroulante » et c’est cela qui produisait un élément avec une classe « pll-parent-menu-item ».

    et avec cette case décoché comme sur votre site, vous voyez sur la capture d’écran que les éléments de langue ont la classe « lang-item » et ensuite chaque élément à une classe spécifique comme par exemple « lang-item-fr ». donc ces classes vous permettent de cibler spécialement ces éléments du menu.

    #2407234
    Goudurisc
    Participant
    Chevalier WordPress
    390 contributions

    Génial, ça fonctionne parfaitement et c’était « si simple » ! Franchement, merci beaucoup pour ce retour ! Très bonne soirée !

    #2407566
    Goudurisc
    Participant
    Chevalier WordPress
    390 contributions

    Bonsoir,

    Je me permets de revenir sur ce sujet car j’ai deux blocages :

    1. le style qui fonctionne en affichage PC (soit .lang-item-22 span) ne fonctionne pas en version mobile alors qu’on retrouve bien la classe dans le code.
    2. Si j’affiche un menu langue en dernière position, c’est parfait pour un affichage PC mais pour le menu mobile, il faudrait que ce menu langue s’affiche en premier, soit tout en haut, je ne vois pas comment à part de jongler avec disply:none, pas vraiment top. Et je souhaiterais éviter de rajouter un menu dédié au mobile dans l’admin Apparence/Menu
    #2407571
    Goudurisc
    Participant
    Chevalier WordPress
    390 contributions

    Je viens de régler la question des styles, ce qui donne pour PC :

    .lang-item-22 span {}

    et pour mobile

    #mobile-dropdown .lang-item-22 a {}

    En revanche, je bloque toujours sur la manière de gérer la position du menu langue en version affichage PC et Affichage Mobile, et sans ajouter de menu mobile  supplémentaire dans Apparence / Menus

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.