WordPress : Comment changer la couleur du lien dans une zone spécifique à l’aide de CSS

Publié par Jean-Michel le

J’ai jeté un coup d’œil à de nombreuses questions que je pensais être un problème similaire au mien, mais aucune d’entre elles n’a fonctionné pour moi, c’est pourquoi je poste ceci. Je suis encore novice en programmation (je connais juste les bases), alors s’il vous plaît, soyez indulgent avec moi :

Je possède un site Web All Gaming Everything

veuillez ouvrir n’importe quel message sur le site

Le problème auquel je faisais face était que tous les <a>éléments du site Web étaient de couleur grise, donc en utilisant l’option CSS personnalisée dans mon thème wordpress, je viens de le faire

a:link { color:white; }

Maintenant que cela a fonctionné comme un charme et que tous mes éléments ont la même couleur (blanc), je veux que la couleur de a:link soit rouge UNIQUEMENT sur le corps de l’article car le blanc empêche le visiteur de voir s’il y a un lien sur la poste. J’ai essayé de changer les aspects à l’aide de l’élément inspect et du CSS personnalisé, mais rien ne semble fonctionner pour moi. J’ai accès à la fois aux éditeurs CSS et HTML personnalisés sur mon thème wordpress, donc j’apprécierais vraiment toute aide à ce sujet et encore une fois désolé si j’ai parlé noobish (je suis un noob).

Lire également:  Comment déplacer wordpress 'admin_bar_menu' vers un autre emplacement dans le thème

Solution n°1 trouvée

J’ai visité votre site et j’ai remarqué que tous les articles sont enveloppés dans une div avec une classe « td-post-content ». De cette façon, tout ce que vous avez à faire est de créer une règle CSS qui cible les balises d’ancrage uniquement dans ces divs.

Ici:

.td-post-content a {
  color: red;
}

Cela a fonctionné comme un charme. J’ai testé sur le post ci-dessous qui a un lien dans le corps de l’article :

Lire également:  Wordpress : Comment mettre en surbrillance la page en cours dans le menu de navigation ?

entrez la description de l'image ici

Au fait, vous n’avez pas besoin d’utiliser a:linksur vos instructions CSS. Seul ale fera. 😉

Acclamations!

Solution n°2 trouvée

Vous pouvez utiliser un sélecteur css hérité. Cela signifie que si vous avez un conteneur avec un <a>élément comme enfant par exemple

<div id="container">
    <a href="#">Link</a>
</div>

fais dans ton css

#container a {
    color: #ff0000;
}

ou

div a {
    color: #ff0000;
}

maintenant tout est <a>en #containerrouge, s’il n’existe aucune autre déclaration de feuilles de style wp.

Lire également:  Wordpress : remove_action ne fonctionne pas, même après avoir changé de priorité

Jetez un coup d’œil à d’excellents sites Web comme w3schools.com et obtenez les bases des sélecteurs CSS, des enfants, des parents et bien plus encore.

Solution n°3 trouvée

Puisque vous utilisez wordpress et le texte wygiswys wrap à l’intérieur <p></p>, vous pouvez essayer :

p a:link{color:red};

et cela changera la couleur de chaque lien à l’intérieur d’un paragraphe.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *