How to change color of links

• 

  metroatlanticppfa · Member · Nov 18, 2013 at 6:13 pm

  • Copy link
  • Add topic to favorites

  Hello,
  I have the Zoren theme along with the CSS upgrade. Could you please tell me how to change the color of my links? The link color is almost the same as my text color and readers are missing the links. Thanks!
  Susan

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

• 

  sammetheny · Member · Nov 18, 2013 at 9:17 pm

  • Copy link

  Try this: (I chose blue arbitrarily.)

  a {
  color: #7a27f5;
  text-decoration: none;
  }

• 

  sammetheny · Member · Nov 18, 2013 at 9:24 pm

  • Copy link

  And, if I wasn’t clear, that CSS code should be entered in your CSS Revisions section.

  More info is here –> http://en.support.wordpress.com/custom-design/#custom-css

• 

  sammetheny · Member · Nov 18, 2013 at 9:27 pm

  • Copy link

  You can *also* change link colors by using the Custom Colors function, instead of using a CSS revision.

  More info on that is here –> http://en.support.wordpress.com/custom-design/custom-colors/

• 

  metroatlanticppfa · Member · Nov 18, 2013 at 10:20 pm

  • Copy link

  Thanks Sammetheny,
  I cut and paste your code into the revisions but it didn’t work. The only reason why it wouldn’t work is if your shade matched my text exactly, which would be a one in a million chance. Also I went to the custom color function and see where to change my colors but I’m not sure how to just change the color or the link. I basically like the colors that I have selected for the blog. I appreciate the help.
  Susan

• 

  thesacredpath · Member · Nov 20, 2013 at 1:41 am

  • Copy link

  Hi there, the following should get all the text links (excluding post titles and navigation). You can edit the colors as desired. Do note that any text links that you have set the color on in the page or post editor will override any CSS, so you would have to clear that code from the posts or pages from within the editor. Colors and formatting set in the posts or pages will always take precedence over all other settings.

  a, .site-footer {
      color: #706350;
  }
  
  a:hover, .site-footer a:hover
      color: #CC0000;
  
  .widget ul li a {
      color: #777777;
      text-decoration: none;
  }
  
  .widget ul li a:hover {
      color: #759B22;
  }

• 

  metroatlanticppfa · Member · Nov 20, 2013 at 3:14 am

  • Copy link

  Thanks, The sacred path,
  Just wondering, I have blog with Linen with the CSS upgrade. Will this work in my Linen CSS? Thanks for your response.
  Susan

• 

  thesacredpath · Member · Nov 20, 2013 at 10:12 pm

  • Copy link

  The CSS in most themes is specific to that theme, so Linen would require different CSS to change the link colors. If you can start a new thread on the Linen theme links, we can help you with that. That way those coming to this thread on Zoren don’t get confused in the future. Thanks in advance.