Navigation link color

• 

  jenparmerter · Member · Apr 26, 2012 at 7:19 pm

  • Copy link
  • Add topic to favorites

  How do I change the color of the links in my navigation bar? I am looking specifically for the code to do this.

  Many thanks!
  Jen

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

• 

  jenparmerter · Member · Apr 26, 2012 at 7:31 pm

  • Copy link

  Hi there! I already indicated my primary blog, but it may have been too soon before posting this question. Sorry! The blog I am referring to is http://www.harvestmoonfoto.com. Thanks!

• 

  jenparmerter · Member · Apr 26, 2012 at 7:32 pm

  • Copy link

  Forgot to mention, the template I am using is Triton Lite.

• 

  designsimply · Member · Apr 26, 2012 at 8:55 pm

  • Copy link

  I checked http://harvestmoonfoto.com/ and I see it’s using Triton Lite.

  There are a few different ways to change the colors for those links.

  For the links in the top-level menu:

  #access a {
  	color: #fff;
  }
  
  #access li:hover > a {
  	color: #999;
  }

  For the links in submenus:

  #access ul ul a {
  	color: #999;
  }
  #access ul ul a:hover,
  #access ul ul :hover > a {
  	color: #000;
  }

  For the top-level current links:

  #access .current-menu-item > a,
  #access .current-menu-ancestor > a,
  #access .current_page_item > a,
  #access .current_page_ancestor > a {
  	color: #fff;
  }

  For the submenu current links:

  #access ul ul .current-menu-item > a,
  #access ul ul .current-menu-ancestor > a,
  #access ul ul .current_page_item > a,
  #access ul ul .current_page_ancestor > a {
  	color: #333;
  }

  Update the color codes and add CSS to your Appearance → Custom Design → CSS page.

• 

  jenparmerter · Member · Apr 26, 2012 at 9:05 pm

  • Copy link

  It worked beautifully! Thanks so much!

  Jen