jennajonesdesign+ 15 Report post Posted June 19, 2012 Hello! For this website I have put the main navigation in the sidebar. I was able to change the hover effect with CSS, but for some reason cannot get the active effect to work. http://www.caripikephotography.com/ Here is what I have tried - again the hover part work, just not the active. I just want it to stay bold when on the page. What am I doing wrong? .widget ul li a:hover { text-decoration: none; font-weight:bold; } .widget ul li a:active { text-decoration: none; font-weight:bold; } Any takers? I appreciate your help! Jenna Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted June 19, 2012 Hi Jenna, Can you give this a try please: [code]li.current_page_item a, #subnav_row li a:hover, #grandchildnav .current_page_item > a { color: red; }[/code] Please search our forums, before posting! Share this post Link to post Share on other sites
jennajonesdesign+ 15 Report post Posted June 19, 2012 That worked perfectly. Thank you so much for taking the time. I appreciate it! Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted June 20, 2012 No problem, happy to help Jenna! Please search our forums, before posting! Share this post Link to post Share on other sites