Custom CSS for current page menu list

  • hello, im having trouble css-coding my main menu. its the default twenty ten widget main menu.

    i have a couple pages on the menu list and the first one is the home.. i managed to replace the text of the “home” LI link to show a background image instead, thats fine…

    but my problem is that when i am on the home page, i want the “current page” “home” LI link to basically display none…

    the code i used to edit the “home” LI link is:

    li#menu-item-21.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-home.menu-item-21 a {
    background:url(https://marisarossini.com.ar/wp-content/themes/marisarossini/images/logo_ch.png) center no-repeat;
    color:#fff;
    font-size:1px;
    height:34px;
    width:270px;
    }

    now i tried many combinations including current page a > ul variations and i can’t seem to get it working.

    any ideas how i can get this done without any need of editing the functions or more?

    thanks, this will really save a lot of time with this project that im supposed to present tomorrow.

  • The topic ‘Custom CSS for current page menu list’ is closed to new replies.