Personnaliser la couleur d’un élément du header (Créer un compte)

  • WordPress :6.4
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2469030
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    Bonjour,

    Ma configuration WP actuelle

    Problème(s) rencontré(s) : Je voudrais changer la couleur de deux éléments du header (le texte et l’icône concernant les annonces légales). Je pense que le développeur avait configuré dans le CSS tous les liens du header mais je souhaiterais changer la couleur uniquement de ces éléments.

    Le lien est en haut à droite.

     

    Merci par avance de votre aide.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2469050
    Hydre Agency
    Participant
    Initié WordPress
    45 contributions

    Bonjour,

     

    Soit vous travailler directement en zone CSS dans l’administration WP.

    Soit vous interagissez directement sur les éléments concernés via l’inspecteur d’éléments. Dans ce cas, l’inspecteur vous dira sur quel fichier travailler ainsi que la ligne concernée. Il vous suffira de le télécharger via votre manager FTP, modifier le code de celui-ci à la ligne donnée, enregistrer et uploader afin d’écraser l’ancienne version.

    #2469054
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    Merci pour votre retour. Je suis assez mauvais en CSS mais il me semble que le code qui est dans le CSS, il définit une couleur pour l’ensemble des liens qui sont dans le header. J’aimerais changer la couleur seulement d’un lien précisément. Presque, il faudrait définir que quand le lien concerne le texte « Annonces légales’, je ne veux pas que ce soit en #5c6995 mais d’une autre couleur. Et là pour le coup, je ne sais pas comment faire.

    #2469056
    Hydre Agency
    Participant
    Initié WordPress
    45 contributions

    Alors ce sera la seconde méthode afin de n’influer que sur l’élément voulu. Par contre si l’option de personnalisation n’existe pas dans le menu de l’administration WP, il n’y a pas le choix faudra mettre les mains dans le code 😉

    #2469061
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    C’est bien ce que je redoutais. Je n’ai aucune idée de comment le faire….

     

    #2469064
    Hydre Agency
    Participant
    Initié WordPress
    45 contributions

    Je vais essayer de vous aider mais pas trop évident à expliquer comme manip…

    1. Ouvrir la page concernée dans votre navigateur
    2. Clique droit sur l’élément de la page à modifier et sélection : « Inspecter »
    3. La frame d’inspection s’ouvre et va vous indiquer la nom du fichier CSS ainsi que le numéro de ligne à modifier pour influer sur le paramètre voulu. (Vous pouvez essayer en modifiant dans l’inspecteur afin d’être certain de la ligne à modifier car rien ne s’enregistre)
    4. Ensuite, il faut télécharger le fichier CSS concerné avec un manager FTP
    5. Ouvrir le fichier avec NotePad++ (il est très bien car il donne le numéro des lignes une fois ouvert ce qui permet une recherche de code aisée)
    6. Modifier la ligne de code concernée et enregistrer
    7. Uploader le fichier à son emplacement d’origine afin qu’il écrase l’ancienne version.
    8. Au rafraichissement de la page web, les changements sont logiquement apparents
    #2469065
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    Merci pour la manip. J’ai fait « inspecter » mais il me remonte .row-menu-icon par exemple qui concerne tous les liens. Donc si je modifie la couleur, ça va la changer pour tous mes liens du menu dans le header. Or, moi, j’aimerais changer la couleur uniquement de l’un des liens.

    #2469066
    Hydre Agency
    Participant
    Initié WordPress
    45 contributions

    Une fois l’inspecteur ouvert, vous devez dérouler les liens d’inspection afin de trouver l’élément unique sur lequel vous voulez influer. (Pas trop évident de mettre les mains dans le cambouis LOL…)

    #2469111
    ferman
    Modérateur
    Maître WordPress
    7366 contributions

    Bonjour,

    Vous avez déjà modifié l’icône. Pour le texte ce serait le code CSS ci-dessous (à copier/coller dans les CSS personnalisées du thème).

    Première ligne: couleur du texte, deuxième ligne:couleur du texte au survol.

    .col-div-3 li:nth-child(2) span{color:red;}
    .col-div-3 li:nth-child(2) span:hover{color:blue;}

    #2469112
    Faboulousfab
    Participant
    Initié WordPress
    27 contributions

    Incroyable. Merci, ça fonctionne parfaitement.

    #2469114
    ferman
    Modérateur
    Maître WordPress
    7366 contributions

    Attention: Le code est valable à condition de ne pas modifier l’ordre des éléments du menu. Si vous pensez modifier cet ordre il y a un autre code utilisable un peu plus compliqué.

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