link color not changing

• 

  manedishdolls · Member · Mar 22, 2013 at 2:03 am

  • Copy link
  • Add topic to favorites

  We have our link color set to a green-blue (color #2ad9a6) however that color only shows up once a link has been clicked on. Otherwise, the link color shows up as a darker green that we haven’t chosen.

  When we change our link color to a purple, the links appear as purple, except for the ones that have been clicked on/visited.

  We would like our link color to be #2ad9a6 across the board whether it’s hover, active or visited.

  Thank you for your help.

  Erin

• 

  kathrynwp · Staff · Mar 22, 2013 at 3:29 pm

  • Copy link

  To make all visited links within posts the same #2ad9a6 green-blue, could you try adding the following CSS code to your Custom CSS, by going to Appearance > Custom Design, and clicking the CSS tab. Then paste this code below the existing green comments. Click “Save stylesheet” when you’re done.

  .recent-title a:visited,
.entry-title a:visited,
.comment-meta a:visited {
color: #2ad9a6;
}


  If this doesn’t achieve the effect you’re after, would you mind please providing a screenshot of a visited link – along with a link to its page – that is still the wrong colour, even after adding the above CSS? Thanks!

  Here’s a guide on how to make a screenshot, if you’re not sure: http://en.support.wordpress.com/make-a-screenshot/

  You can upload the screenshot in your Media Library and then post a link so I can see it.

• 

  manedishdolls · Member · Mar 22, 2013 at 4:08 pm

  • Copy link

  Thank you very much for your reply.

  The coding didn’t work to fix our problem. The color of the links that have been visited is the color that we want for all links, however even though I have it set to that exact color, it seems to be pulling a deeper green for unvisited links.

  Here is a link to a screenshot I took showing the colors I have set in customize, the color of the “continue reading” link is what we want, that link has been clicked on. The other links are un-visited and are a dark green that we have not chosen. http://manedishdolls.wordpress.com/category/uncategorized/

  You can visit our homepage and see more examples of the variation of link color here: http://manedishdolls.wordpress.com/

• 

  kathrynwp · Staff · Mar 22, 2013 at 8:34 pm

  • Copy link

  Hi there, I’ve modified the code and hopefully it now looks more like what you were after. :-)

  If not, just let me know if we can help further.

  One thing to keep in mind is that the earlier code was actually added into the existing green comments, so it was not being applied at all – it needed to go outside the comment block.

• 

  manedishdolls · Member · Mar 22, 2013 at 8:57 pm

  • Copy link

  Thank you, that is what we were looking for :) The only thing now is, we have the titles set to a pink, so those change to green after you click on them now. Is there a way to have the titles links pink and stay pink after you click on them? pink color: #c60056
  Thanks again for your help!

• 

  kathrynwp · Staff · Mar 22, 2013 at 9:05 pm

  • Copy link

  Sure – your code has been tweaked so that post titles no longer change to green when you hover over them. This is the final CSS:

  a,
a:visited,
.comment-meta a:hover,
.comment-meta a:focus,
.comment-meta a:active,
.entry-meta a {
color: #2ad9a6;
}

  .recent-title a:hover,
  .entry-title a:hover,
  .recent-title a:visited,
  .entry-title a:visited {
  color: #c60056;
  }

  If you need CSS help in the future, feel free to post in our CSS Customization forum:
  https://en.forums.wordpress.com/forum/css-customization

• 

  manedishdolls · Member · Mar 22, 2013 at 9:15 pm

  • Copy link

  Thank you! Exactly what we needed :)

• 

  kathrynwp · Staff · Mar 22, 2013 at 9:21 pm

  • Copy link

  You’re very welcome!