• Can anyone help me I’m trying to individually style menu items in a child theme of the twenty-ten theme.

    In the wp-admin dashboard I added a CSS classes to the menu items as in the code below. The first menu item doesn’t change when hovered but the second two work fine.

    Anybody got any ideas?

    #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;}

    This isn’t on my site yet as I’m running it on Bitnami.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Do you have a live site that it is on so I could take a look?

    In the Menus page, under screen options (the drop-down option in the top-right of the screen) you should be able to activate an option allowing you to assign classes to each menu item. Does that allow you the freedom to do what you need?

    John

    Thread Starter Asobigokoro

    (@asobigokoro)

    JarretC, there isn’t a live site yet with this menu.
    Mr. SpankMarvin (if that is your real name), as I said in my post I already applied classes to the menu items.

    It appears to be working now anyway. The problem might have been with the cache plugin not showing my updates even when I refreshed the browser…maybe.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty-ten Menu items individual styling’ is closed to new replies.