Changed Link Colors and Ran Into A Few Problems

• 

  traumamamadrama · Member · Oct 5, 2016 at 3:35 pm

  • Copy link
  • Add topic to favorites

  Hello! I need a bit of help with the link colors on my blog. Here’s the code I used:
  a:link {color: #009999;}

  a:hover {color: #600080;}

  a:visited {color: #009999;}

  1) When I changed the link color to the greenish blue, it included my Header Title “Trauma Mama Drama” at the top of the website. I’d like the links to remain the altered color, but for my title to be white. How to do this?

  2) In the side bar, the links are changing purple when you hover over them. But in the body content, the link remains the greenish blue when hovering. Is there something I can do to change that?

  The blog I need help with is: (visible only to logged in users)

• 

  livfor2day · Staff · Oct 5, 2016 at 4:14 pm

  • Copy link

  Hi tramamamadrama,

  This should fix both problems. Replace your a: statements with this in your CSS:

  .page-content a,
  .entry-content a,
  .comment-content a,
  .entry-summary a {
       color:#099
  }
  
  .page-content a:hover,
  .entry-content a:hover,
  .comment-content a:hover,
  .entry-summary a:hover {
  	color: #600080;
  }
  
  .page-content a:visited,
  .entry-content a:visited,
  .comment-content a:visited,
  .entry-summary a:visited {
  	color: #099;
  }

  By modifying the global a element, you changed the parameters for the entire site. This will simply modify the entry elements.

  Hope this helps!