How to change the main area color

[softrunner]

Hi,

How can I change the color of the part next to the container (I think they call it like that)

When I use the layout/theme stretched the upper color is white, but the color after the menu (menu color is #EBEBEB)
The color from where the text is white, but I wanna make all the screen white. The color what is out of the container is #EEEEEE

I hope you can help me with this.

Thank you.

regards,
Ray

Topic

[Jason Bobich]

Hello Ray,

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.

When in the stretch layout, here’s how you can target all of these areas to change the background color.

body,
#main-top, 
#featured, 
#main, 
#featured_below, 
#bottom, 
#after-footer {
	background: #fff;
}

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.

[Author]

Replies