Change default color of hyperlinks

• 

  abbasdjavadi · Member · Oct 16, 2014 at 4:41 pm

  • Copy link
  • Add topic to favorites

  Hi there. I have http://cheshmandaz.org with customization. Question: Can I change the default color of hyperlinks from current grey or so to NAVY BLUE? And how… I am relatively inexperienced in CSS issues. Thanks a lot.

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

• 

  thesacredpath · Member · Oct 16, 2014 at 6:33 pm

  • Copy link

  Hi there, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to change all of your site links to navy blue. I’ve used “red” as a demo color so you can see what all will change. Once you are satisfied that all of that is what you want changed, you can change “red” to “navy blue”. When you do, you are going to see that the links do not look too blue really.

  a, a:visited {
      color: red !important;
  }

  You can also try just using “navy” as the color, which is a bit brighter blue.

  If you do not want all the links changed to blue, please let us know exactly which link you want blue, and we can then target those specifically.

• 

  abbasdjavadi · Member · Oct 16, 2014 at 6:46 pm

  • Copy link

  Thanks so much. Now I have learned the way. I tried it but it changes the color of all titles and menu bar items. I JUST WANTED to change the color of the hyperlinks INSIDE A POST/TEXT. Nothing else…

• 

  thesacredpath · Member · Oct 16, 2014 at 7:09 pm

  • Copy link

  Ok, do you also want the links on the single posts, such as here to also be that same color?

  This changes just the font page:

  .catnewsMainStory a, .catnewsMainStory a:visited {
      color: #d08d36 !important;
  }

  This would change the front page, category pages, single posts and pages.

  .catnewsMainStory a, .catnewsMainStory a:visited, #lead a, #lead a:visited, .subfeature a, .subfeature a:visited, .cat-excerpt a, .cat-excerpt a:visited, .entry a, .entry a:visited {
      color: #d08d36 !important;
  }

• 

  abbasdjavadi · Member · Oct 16, 2014 at 7:12 pm

  • Copy link

  Thank you… ONLY on single posts – NOT titles or elsewhere… ONLY in single posts…

• 

  thesacredpath · Member · Oct 16, 2014 at 7:19 pm

  • Copy link

  To change the color ONLY in the content on single post pages, then use the following:

  .entry a, .entry a:visited {
      color: #d08d36;
  }
  .tags a, .tags a:visited {
      color: #4e6b7a;
  }

  The second rule above excludes the tags and categories at the bottom of the single posts.

• 

  abbasdjavadi · Member · Oct 16, 2014 at 7:20 pm

  • Copy link

  Sorry to bother again…
  This is VERY GOOD
  a, a:visited {
  color: blue !important;
  }
  Just NOT for the blog’s name and the menu… How can I exclude these two?

• 

  abbasdjavadi · Member · Oct 16, 2014 at 7:27 pm

  • Copy link

  I think now it looks good, very good… I really appreciate your time

• 

  thesacredpath · Member · Oct 17, 2014 at 12:05 am

  • Copy link

  You are welcome.