Removing background color from Menu Headers

[Manish]

Hello Jason

Can you kindly tell me how I can remove the greyish background from the Menu Headers (widgets). Everything else you told me is working great – this is the last element. This is what you had suggested to white out the footer – however the titles still seem to have a greying background to them.

Also – How can I change the Color of the Header Titles (For widgets)

Would appreciate your input.

#bottom .footer_content {
background-color: transparent;
border: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

Topic

[Jason Bobich]

I think you’re referring to these header shades: http://support.themeblvd.com/forums/topic/css-customizations-how-to-remove-the-gradient-on-header-tags/

As far as the font color on widgets, open up your inspector and take a stab at it. I think you can get it. — For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Manish]

Perfect!!! – Thank You!

[Author]

Replies