Customizing Hyperlink Color

• 

  dlburbank · Member · Sep 16, 2015 at 1:35 am

  • Copy link
  • Add topic to favorites

  This is fairly minor, but in Google Chrome, the hyperlinks don’t show up very well (i.e. not enough contrast). They look fine in Internet Explorer. I tried to change this using:
  .hentry a:link {
  color: 0b0080;
  }
  But it doesn’t change anything (no matter what color combinations I choose). The weird thing, though, is that if I change the text to bold, it does work. So I’m not sure why the color doesn’t change.

  I’m using the Big Brother theme.

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

• 

  ljkjklqljkhwhljkfqjhklfqjlkqjlh · Member · Sep 16, 2015 at 5:00 am

  • Copy link

  Hey there! The link color can be changed without CSS at all by changing the “Main Accent” color in the Customiser.

  If you do want to use CSS, you’ll find that if you inspect a link’s “element” in Chrome that the following CSS is what controls the link color:

  a, a:visited, .comment-metadata .comment-edit-link, .comment-metadata .comment-edit-link:visited {
      color: #1F567D;
  }

  Since that CSS is more specific than the Custom CSS you posted, it will override it. If you copy the code I pasted here, you can change the color to whatever you wish.

  Also, make sure that any colors that are HEX values start with a #, otherwise browsers won’t understand them.

  I hope that helps!

• 

  dlburbank · Member · Sep 16, 2015 at 6:42 am

  • Copy link

  Thank you! This worked. I didn’t see the Main Accent option in the Customizer for my theme, so I used the CSS method you listed and it worked perfectly.