Color of links

• 

  jmill2015 · Member · Dec 18, 2013 at 4:09 pm

  • Copy link
  • Add topic to favorites

  I am trying to change the color of my links within the document without changing the color of the links on the menu bar.

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

• 

  eurello · Staff · Dec 18, 2013 at 8:05 pm

  • Copy link

  Hi there – You can do this by changing the “Links” color in Appearance->Customize->Colors. When I change that one, it doesn’t change the menu links.

  Let me know if that works for you!

• 

  jmill2015 · Member · Dec 19, 2013 at 9:34 pm

  • Copy link

  Hi Eurello,
  It helped tremendously. Thank you!

• 

  jmill2015 · Member · Dec 19, 2013 at 9:45 pm

  • Copy link

  Eurello,
  Are you familiar with how to change the color of the links in the Nav bar as well? They are grey at the moment and I would like them to be white.
  I did it earlier by over writing the CSS but I am afraid I will mess up the newly, corrected and much better color of the links in the body now by doing what I did previously.
  Thank you.

• 

  eurello · Staff · Dec 19, 2013 at 10:47 pm

  • Copy link

  The Headings color in the Colors area will change the color of the menu links when you hover over them, but that’s all.

  For the rest, you can use this CSS:

  .main-navigation ul a {
  	color: #ffffff;
  }

  That controls what color the links themselves are.

  .main-navigation ul a:hover {
  	color: #ffffff;
  }

  That controls what color the links are when you hover over them.

  .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a {
    color: #ffffff;
  }

  That controls what color the link of the page you’re currently on is, if you want it to be a different color than the other links.

  The color code #ffffff is for white, but you can use whatever color code you like:
  http://www.w3schools.com/html/html_colors.asp

  Finally, just a note that you’ve pasted some CSS into the notes field of your CSS editor – that won’t have any effect. You need to paste the CSS below the rest of that text, below the */

• 

  jmill2015 · Member · Dec 20, 2013 at 9:08 pm

  • Copy link

  Thank you very much Eurello, was just what I needed!