Link Hover color

• 

  qlexconsulting · Member · Jan 26, 2012 at 4:12 pm

  • Copy link
  • Add topic to favorites

  How do I change the hover link color in the menu? Do I make this change in the style sheet?

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

• 

  qlexconsulting · Member · Jan 26, 2012 at 4:14 pm

  • Copy link

  I need the pages in the menu to be #009999 when scrolled over or “hovered” over

• 

  thesacredpath · Member · Jan 26, 2012 at 5:36 pm

  • Copy link

  The first is the non-hover, non-current page greyish color if you need that. The second bit is the hover color. Copy and paste that into the CSS edit window. Do not copy and past the entire stylesheet. You only want to add the specific selector and the specific declarations you are adding or changing.

  #access a {
  color: #666666;
  }
  
  #access a:hover {
  color: #009999 !important;
  }

  This is the “current page” color. If you want it the turquoise as well, add this and change the color code.

  #access .current_page_ancestor > a, #access .current_page_item > a, #access .current_page_parent > a, #access .current-menu-ancestor > a, #access .current-menu-item > a, #access .current-menu-parent > a {
  color: #0099FF;
  }`

• 

  qlexconsulting · Member · Jan 26, 2012 at 6:55 pm

  • Copy link

  Thank you. Now to figure out where to put it in the style sheet….. I just started working with CSS so the hierarchy of the html strings is still a little beyond my abilities.

• 

  designsimply · Member · Jan 26, 2012 at 7:05 pm

  • Copy link

  If you are using the “Add my CSS” option (most common), then you should just put the changes into the CSS editor on the Appearance → Custom Design → CSS page. Don’t copy the entire stylesheet there.

• 

  designsimply · Member · Jan 26, 2012 at 7:06 pm

  • Copy link

  Also :) to answer your question a little more, if two rules in CSS have equal specificity, then the later one is used. So put new rules last and that will work the best.

• 

  qlexconsulting · Member · Jan 26, 2012 at 7:45 pm

  • Copy link

  Thank you so much for your help. I was able to resolve this with your assistance. Much appreciated.