Changing CSS for Widgets

Mattdim805

On www.2ndchanceinsurance.com, I'm trying to change the color of the blog titles and post date text  within the Recent Posts widget to white when you hover over a post box. How can I go about achieving this?

I tried adding #Footer .widget_recent_entries ul li a:hover { color: #FFFFFF; } to my custom CSS, but it only works when you hover directly over the link, and doesn't change the color of the post dates. I want all text within the box to change to #FFFFFF as soon as you hover over a blog post box.

I also want to change the link color for the page one is currently on within the Connect With Us section in the footer to #2991d6. I attempted to do so by adding #Footer .widget_mfn_menu ul li.current_page_item a { color: #2991d6; }, but this didn't work.

How can I go about achieving both of the above items?

Best Regards,

Matt

Albert

Hi Matt,

some footer colors, you can change in Theme options > Colors > Footer section. But if it is not enough, then please use Firebug tool for firefox. Catch each elements and change their colors. We described this tool on http://themes.muffingroup.com/betheme/documentation/#theme-customizations

Learn more: Video Tutorials | How To | FAQ Vote on what comes next