Augmenter espace entre item du menu

  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #526815
    xiberia
    Membre
    Initié WordPress
    22 contributions

    Ma configuration WP actuelle 4.1.1
    – Thème utilisé :Flatsome
    – Adresse du site : http://anticamurrina.fr/

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

    Bonjour, je rencontre un problème avec le thème wordpress Flatsome, je souhaite augmenter l’espacement entre les items de mon menu afin d’aérer tout ce beau monde.

    Merci aux ames charitables de venir à mon secours.

    #905134
    mathieu789
    Participant
    Maître WordPress
    1084 contributions

    pour savoir quel code CSS s’applique à un élément tu peux utiliser la console de développement de ton navigateur
    par exemple avec Firefox tu fais Ctrl+Maj+C et tu cliques ensuite sur l’élément comme expliqué ici :
    https://developer.mozilla.org/fr/docs/Outils/inspecteur

    #905133
    Flobogo
    Modérateur
    Maître WordPress
    15866 contributions

    Bonjour,

    Je pense que vous avez résolu le problème. Sinon, au cas où, voici le code à modifier :

    a.nav-top-link {
    padding-right: 15px;
    }

    Vous pouvez remplacer 15px par 20px par exemple, ou 25 px

    Attention, vous perdre votre modification lors d’une mise à jour de thème. Pour éviter ça :
    – soit vous mettez le code que j’ai donné (modifié) dans une partie “CSS personnalisé” si c’est prévu par votre thème
    – soit vous créez un thème-enfant, en consultant les explications sur WpChannel et/ou celles du site les-doigts-dans-le-net ou encore celles du Journal du Net
    Ensuite, si vous voulez aller plus loin, consultez les infos du Codex qui propose une méthode plus complexe mais plus “propre”.

    #905132
    xiberia
    Membre
    Initié WordPress
    22 contributions

    Bonsoir et merci, je vais essayer chère Flobogo, j’utilise actuellement un theme enfant donc pour les MAJ ca le fera.

    Merci Mathieu, j’avais déjà utilisé cette méthode pour bien d’autres modifs sur le css du site, mais pour ce cas précis je n’ai pas réussi à trouver le bon élément concernant “l’espace”, enfin ça c’était avant que Flobogo arrive.

    #905131
    xiberia
    Membre
    Initié WordPress
    22 contributions

    J’ai ajouté le code (modifié) dans le champ prévu à cet effet pour personnaliser le CSS, mais rien n’a bougé, l’espace entre les items est resté le même. J’ai pourtant mis le code au bon endroit, puisque c’est à ce même endroit que j’ai placé mes autres customisations du CSS qui elles fonctionnent très bien.

    #905130
    Flobogo
    Modérateur
    Maître WordPress
    15866 contributions

    Essayez en ajoutant !important après la valeur en px, par exemple :

    padding-right: 25px !important;

    (et le reste du code bien sûr)

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