Trouble with website backgrounds

Hello,

I am working on a website for a client and they want to change the background color of the site.

They want their background to look like this:

http://www.yourhappynest.com/

Notice that the site content is on a white background and the rest of the page has a light brown color background.

Now I've built their site using Wordpress and the theme I've chosen doesn't have a background layer like that. When I change the background color it looks like this:

http://massonlineprofits.com/tvoa2/

The color washes out the whole site and their isn't a white background for the text.

How do I create a white background for my text and have the color background appear behind it like the first site?

Thanks,

-Lynx

 

Hi.
Maybe you should look into style.css file line #461 where it says:

#page {
    max-width: 1268px;
    margin: 0 auto;
    background-color: #ccffcc;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

Code (CSS):

 

Hi Lynx

Yes you just need to change that #page rule... do you have a child theme so you can edit the css?

If not in settings, just go into customize css and just add this in

body {
background-image: url("######");
padding-bottom: 30px;
padding-top: 30px;
}

#page {
background-color: #fff;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
margin: 80px auto;
max-width: 1268px;
width: 1080px;
}