Current cat inherits hover style?

  • No matter what I set for class current cat, it just inherits the children hover style, and, it sets it as visited as well. Ok this sounds weird, and i have no idea why this is happening.

    Put simply, you click on a sub catgerory, the new page loads and the current cat is highlighted with the hover style (even though I have set class current cat to something different), then, click another sub category, page loads, and now BOTH are highlighted with the hover style! So it is setting it as visited as well as current… very confused.

    Could this have anything to do with wp_list_cats or the way I have built my style sheet, I dont think its a css problem as I have built loads of nested navigation lists and never had a problem setting a current style.

    Any thoughts – heres the test pages https://www.housingpeople.swedishoriginals.com, this is my first site with WP2, never had a major problem with WP before, not one I actually had to ask about anyway…

Viewing 1 replies (of 1 total)

  • I’m pretty sure this actually is a thing with your CSS. ??

    First issue – the visited and hover is set to the same color, so that’s why that’s showing that way.

    .children li a:link {background-color: #F9F9F9;color:#000000;padding-left:28px;}
    .children li a:hover {background-color: #AEBD63; color:#fff;}
    .children li a:visited {background-color: #AEBD63; color:#fff;padding-left:28px;}

    The only difference is that you have some padding on the left for visited.

    And then it looks like a structure issue on the current. You’ve got:
    #current li a {background-color: #F9F9F9;color:#000000;padding-left:28px;}
    #current li a:hover {background-color: #F9F9F9;color:#000000;padding-left:28px;}
    #current li a:visited {background-color: #F9F9F9;color:#000000;padding-left:28px;}

    Try taking the li out. You’re styling the li#current, so that extra li designator is what’s throwing it off. (Plus, you have current set to be the same as regular, so if you were looking for a difference, that would be why you’re not seeing it. )

    I edited it with the web developer toolbar and made it work.

    Sometimes you just need another set of eyes… ??

Viewing 1 replies (of 1 total)
  • The topic ‘Current cat inherits hover style?’ is closed to new replies.