Get Rid of hover in menu

  • I am using the twenty-ten theme, and have a menu bar under the header. I created a HOME custom url, and it is invisible unless the cursor hovers over it. The same is true of my ABOUT page. I want it to display all the time when you click on the about page, not just when the cursor is over it. My website is ecbloom.com. I think the code I need to change is in the style.css in the section below:
    #access li:hover > a,
    #access ul ul:hover > a {
    background: #333;
    color: #fff;
    }
    #access ul li:hover > ul {
    display: block;
    I don’t know what to replace hover with. Any ideas to someone who is totally new to this?
    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Using firebug, I see that about line 339 of style.css there’s

    #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 {
    color: #FFFFFF;
    }

    Change the #FFFFFF to #AAAAAA (preferably in a child theme) and the name of the current page will appear in light-grey (instead of white) against the white background of the nav bar.

    Alternatively, change the background of the class menu-header to something other than white.

    Thread Starter ssbono

    (@ssbono)

    Thanks- that worked! One more thing- now when I hover over HOME, the text appears as black with a black box background. How do I make the text white only when I hover over it?

    Thread Starter ssbono

    (@ssbono)

    Ah, figured the second question out. Much thanks!
    Susie

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Get Rid of hover in menu’ is closed to new replies.

Tags