WordPress.org

1. fhcadmin
   Member
   Posted 1 year ago #

   Hi,
   I'm trying to change the hover over text color in my navigation menu.
   http://www.fhcmichigan.org/
   I have pages and subpages and Twenty Ten doesn't change the highlight/hover color of the Parent pages (only the sub pages). So a user can't really "tell" that there is a Page they can click on (the parent pages).
   So.. I'd either like to change the hover color for all, or just change the parent pages to NOT be highlighted bold when you are hovering over the sub pages.
   Any help is appreciated. I can't find were to change this on the CSS.
   Thanks,
   KJC

2. where_is_will
   Member
   Posted 1 year ago #

   Try #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a to change the current highlighted menu item. Clear that, or change the colour or set it to whatever you want.

   Personally I'd go with a roll-over colour so people see the change, they're more likely to click.

3. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   Try editing style.css:

   #access li:hover > a, #access ul ul :hover > a {
   background:#333;
   color:#fff;
   }

4. fhcadmin
   Member
   Posted 1 year ago #

   Thanks but I still need help. I changed the roll over color (at the place where esmi said to) but (besides being a terrible red that you can't see), the parent page remains ALWAYS highlighted when you are going down to a sub page, so you still can't tell that the parent page IS indeed a potential page to visit.
   Help!
   http://www.fhcmichigan.org/

5. fhcadmin
   Member
   Posted 1 year ago #

   HELLO? Esmi? Where_is_will? Any ideas?

6. DigitalSquid
   Member
   Posted 1 year ago #

   In your style.css replace:

   #access li:hover > a,
   #access ul ul :hover > a {
   	background: #333;
   	color: #9FF;
   }

   With:

   #access li:hover > a,
   #access ul ul :hover > a {
   	background: #333;
   }
   
   #access li a:hover,
   #access li a:focus {
   	color: #9FF;
   }

7. fhcadmin
   Member
   Posted 1 year ago #

   THANK YOU!!!!!!!!!!!!!!!

Topic Closed

This topic has been closed to new replies.