- WordPress :6.4
- Statut : non résolu
- Ce sujet contient 10 réponses, 3 participants et a été mis à jour pour la dernière fois par ferman, le il y a 10 mois et 2 semaines.
-
AuteurMessages
-
5 mars 2024 à 12 h 03 min #2469030
Bonjour,
Ma configuration WP actuelle
- Version de PHP/MySQL :
- Thème utilisé : SEOmag
- Extensions en place :
- Nom de l’hébergeur :
- Adresse du site : http://www.lejournaltoulousain.fr
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.5 mars 2024 à 16 h 28 min #2469050Bonjour,
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.
5 mars 2024 à 16 h 40 min #2469054Merci 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.
5 mars 2024 à 16 h 46 min #2469056Alors 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 😉
5 mars 2024 à 17 h 13 min #2469061C’est bien ce que je redoutais. Je n’ai aucune idée de comment le faire….
5 mars 2024 à 17 h 42 min #2469064Je vais essayer de vous aider mais pas trop évident à expliquer comme manip…
- Ouvrir la page concernée dans votre navigateur
- Clique droit sur l’élément de la page à modifier et sélection : « Inspecter »
- 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)
- Ensuite, il faut télécharger le fichier CSS concerné avec un manager FTP
- 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)
- Modifier la ligne de code concernée et enregistrer
- Uploader le fichier à son emplacement d’origine afin qu’il écrase l’ancienne version.
- Au rafraichissement de la page web, les changements sont logiquement apparents
5 mars 2024 à 17 h 46 min #2469065Merci 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.
5 mars 2024 à 17 h 53 min #2469066Une 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…)
6 mars 2024 à 12 h 16 min #2469111Bonjour,
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;}6 mars 2024 à 12 h 22 min #2469112Incroyable. Merci, ça fonctionne parfaitement.
6 mars 2024 à 12 h 43 min #2469114Attention: 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é.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.