Link Hover color
-
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)
-
-
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;
}` -
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.
-
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.
-
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.
-
Thank you so much for your help. I was able to resolve this with your assistance. Much appreciated.
- The topic ‘Link Hover color’ is closed to new replies.