[SOLVED] current_page_item
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. |
All times are GMT -6. The time now is 04:34 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.