Maybe the issue is best seen in a post. Check out this one, it has quite a few hyperlinks embedded.
Hi alifewandered. Here are a couple of examples you might try:
/* link color blue */
a:link,
a:visited,
#nav-footer .nav li a,
#nav-footer .nav li.current-menu-item a {
color: #2a6cf9;
font-weight: normal;
}
/* hover link color red */
body a:hover,
.sidebar a:hover,
#nav-footer .nav li a:hover {
color: #f00;
}
The first solution changes the color of every link on the entire website – is there a way to change the link color only within the text of the page or post?
I like the second solution, but it doesn’t make them stand out while reading.
Thanks for your help!
Give this a try:
.content a:link,
.content a:visited {
color: #2a6cf9;
font-weight: normal;
}
.content a:hover {
color: #f00;
}
That is getting closer – the titles for the posts are still showing up in blue. Is there a way to exempt them as well as the category and tag links from the color change?
Try this:
.single-post article.post .post-inner a:link,.single-post article.post .post-inner a:visited{color:#2a6cf9;font-weight:400}
.single-post article.post .post-inner a:hover{color:#ceb888}
That looks great! Thanks so much for the help!
