WordPress : Comment changer la couleur du lien dans une zone spécifique à l’aide de CSS
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).
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 :
Au fait, vous n’avez pas besoin d’utiliser a:link
sur vos instructions CSS. Seul a
le 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 #container
rouge, s’il n’existe aucune autre déclaration de feuilles de style wp.
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.
0 commentaire