• 4now

    (@4now)


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

Viewing 1 replies (of 1 total)
  • Thread Starter 4now

    (@4now)

    sorry.. sub items fall under ‘use and care’

Viewing 1 replies (of 1 total)

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