sub items take on parent item's style
-
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.
#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 topic ‘sub items take on parent item's style’ is closed to new replies.