Need help? Check out our Support site, then


Individual menu item hover text colors

  1. Can anyone help me?

    I'm trying to style three menu items differently.
    I have the twenty-ten theme. Using the wp admin I added a class to my menu items then targeted each class with the code below. For some reason the first item in the menu doesn't change when hovered but the second two do.

    #access.store a:link, #access.store a:visited {color:#ffffff; background: transparent; text-decoration: none;}
    #access.store a:hover, #access.store a:active {color:#28ace2; text-decoration: none;}

    #access .blog a:link, #access .blog a:visited {color:#ffffff; background: transparent; text-decoration: none;}
    #access .blog a:hover, #access .blog a:active {color:#eb0a8d; text-decoration: none;}

    #access .contact a:link, #access .contact a:visited {color:#ffffff; background: transparent; text-decoration: none;}
    #access .contact a:hover, #access .contact a:active {color:#f8ef24; text-decoration: none;}

  2. You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you'll find help at the WordPress.org forums.

    If you don't understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It'll help people to answer your question.

    This is an automated message.

  3. Dear supportbot, you look suspiciously like WALL-E.
    Sorry, I'm off to .org now where I should have been.

Topic Closed

This topic has been closed to new replies.

About this Topic