WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Twenty Ten CSS question

[Resolved] Twenty Ten CSS question

  • Tara

    @t-p

    Volunteer Moderator

    In the Twenty Ten parent style.css, I see this:

    #access li:hover > a,
    #access ul ul :hover > a {
    background: #333333;
    color:#FFFFFF;
    }

    In the child theme I have made, I have commented out this:

    /*background: #333333;*/

    But still when I hover over any menu item, I see the black hover background: #333333;. How do I get rid of it?

    I don’t want to modify the parent style.css, because that will defeat the purpose of having created the child theme.

    I have unsuccessfully tried to solve this for a long time now. I am not a dev, programmer or a geek. Please guide someone. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You need to override the value as it’s currently set..

    So rather than commenting out the background portion (which basically leaves it as it’s current black setting), set it to a new value, ie..

    Set to white background.

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

    Transparent

    #access li:hover > a,
    #access ul ul :hover > a {
    	background: transparent;
    }

    Hope that helps..

    Tara

    @t-p

    Volunteer Moderator

    Thank you Mark so much for your help.

    background: transparent; overrides the current black value.

    BUT, when point on the dropdown submenu, it disappears!

    Please guide me so that the dropdown submenu does not disappear when I point on it. Thanks again.

    The submenu problem is not caused by the above changes, that’s a seperate problem.

    Can you link to the site so i can see the issue?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Resolved] Twenty Ten CSS question’ is closed to new replies.