Hi,

I have the pages widget on my sidebar and I am trying to style the current page as follows:

div.widget ul li.current_page_item a:link, div.widget ul li.current_page_item a:visited, div.widget ul li.current_page_item a:active {
color:#365DA0;
font-weight:bold;
text-decoration:underline;
}

This CSS I am inserting in Style WIDGETS > Widget Content Box, but it is having no effect.

I am either doing something wrong, placing it in the wrong or ? Can Someone point me in the right direction please ?

Thanks.

add the CSS to ATO->Add HTML/CSS Inserts->CSS Inserts

Thanks, that has done the trick almost. It has underlined the menu item as expected, but also underlined the sub menu items. The CSS is now:
div.widget li.current_page_item a {
{
text-decoration: underline;
}

The menu structure has sub pages, how do I stop the sub pages being underlined ?

Ok, cracked it, had to add this to get it to work for me...

div.widget ul li.page_item a, div.widget ul ul li.page_item a, div.widget ul ul ul li.page_item a {
background-color: #FFFFFF;
}
div.widget ul li.current_page_item a, div.widget ul ul li.current_page_item a, div.widget ul ul ul li.current_page_item a {
background-color: #FADB49; font-weight : bold;
}

Thanks.