I'm trying to change the hover over text color in my navigation menu.

  • Resolved fhcadmin

    (@fhcadmin)


    13 years, 6 months 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • where_is_will

    (@where_is_will)

    13 years, 6 months 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.

    esmi

    (@esmi)

    13 years, 6 months ago

    Try editing style.css:

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

    (@fhcadmin)

    13 years, 6 months 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/

    Thread Starter fhcadmin

    (@fhcadmin)

    13 years, 6 months ago

    HELLO? Esmi? Where_is_will? Any ideas?

    DigitalSquid

    (@twelvefootsnowman)

    13 years, 6 months 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;
}
    Thread Starter fhcadmin

    (@fhcadmin)

    13 years, 6 months ago

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘I'm trying to change the hover over text color in my navigation menu.’ is closed to new replies.