sub items take on parent item's style

  • Unknown's avatar
    wp1specific · Member ·

    I have assigned a bold style to the current page on the menu. When a parent menu item is selected, all the sub items also appear with the same style bold style. I only want the sub menu items to appear bold when they are the current page.

    http://mabubaby.com/wp

    #sidebar_left ul li a {text-size: 14px; padding-left: 0px; color: #666; text-decoration: none;}
    #sidebar_left ul li a:hover {color: #000;}
    #sidebar_left ul li a:active {color: #00aeb9;}
    #sidebar_left ul li.current_page_item a, #sidebar_left ul li.current_page_ancestor a {color: #1DA4EF; font-weight: 700;}
    #sidebar_left ul ul li a {padding-left: 6px; color: #666; font-weight: 200;}
    #sidebar_left ul ul ul li a {padding-left: 11px; color: #666; font-weight: 200;}
    #sidebar ul li.current_page_item ul li.page_item a, #sidebar_left ul li.current_page_ancestor ul li.page_item a, #sidebar_left ul ul li.current_page_item a
    {color: #1DA4EF; font-weight: 200;}
    #sidebar_left ul ul li a:hover
    {color: #000; font-weight: 200;}
    #sidebar_left ul ul li.current_page_item a, #sidebar_left ul ul li a:hover
    { background: #f0f0f1 url(images/subnav.gif) -24px 4px no-repeat;}
    #sidebar_left ul ul li.current_page_item ul li.current_page_item a, #sidebar_left ul li.current_page_ancestor ul li.current_page_ancestor ul li.current_page_item a
    { color: #00aeb9; background: #f0f0f1 url(images/subnav.gif) -8px 4px no-repeat;}
    #sidebar_left ul ul li.current_page_item a, #sidebar_left ul li.current_page_ancestor ul li.current_page_item a{color: #00aeb9;}
    #sidebar_left ul li.current_page_item ul li a:hover {color: #000;}

    body#news #sidebar_left ul li a#diaccommunity, body#community #sidebar_left ul li a#diaccommunity,
    body#home #sidebar_left ul li a#home {color: #FF6633; font-weight: 700;}

    #sidebar_left ul ul li.current_page_item ul li a, #sidebar_left ul li.current_page_ancestor ul li.current_page_item ul li a
    { color: #666; background-image: none;}
    #sidebar_left ul ul li.current_page_item li.current_page_item a:hover,
    #sidebar_left ul li.current_page_ancestor ul li.current_page_item ul li a:hover
    { color: #000; background: #f0f0f1 url(images/subnav.gif) -8px 4px no-repeat;}

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Sorry, you need to head over to the WordPress.org forums as that is where self-hosted wordpress blogs using the software from wordpress.ORG are supported.

    These forums are for those hosted here on the wordpress.COM free hosting service and things here work differently.

    If you are not familiar with the differences, see this support document.

  • The topic ‘sub items take on parent item's style’ is closed to new replies.