CSS Background

I have been banging my head this one and cannot figure it out.

On the home page I would like the content area to have a back background. On the homepage only this is broken up by boxes displaying content. I cannot find where or how to make the changes so the entire content area has a black background.

Site nmclippers (dot) com

css page nmclippers.com/wp-content/themes/hero/style.css

Any help is appreciated, thanks

Hello,

this can be easily done by adding another div to contain the content area. For example:

Add
<div id="contentWrapper"> right above <div id="home-container">
and then add the closing div tag just above <div id="footer"> like so.

<div id="contentWrapper">
<div id="home-container">

</div>
<div id="footer">

Then simply style it with CSS. The contentWrapper div will contain all the content in the middle and will allow you to easily add the background color and etc...


Hope this helps

Thanks tech, worked great. Such a simple answer that did the job.

However, I have a div clear tag that is creating a space just above the footer where the background image comes through. I tried removing the div clear but then the boxes above allow the background image to show in a small space. I tried to add a background: black to the div clear but didn't do anything.

Only take a look if you have time, but thanks a million for the answer thus far.

Thanks! Glad to help

Change This:




TO this:

That did it!

I never would have figured that out. Hours of me tweaking code by trial and error you solved in minutes

Thank you again.

Now back to trying to figure out PHP ... lol

LOL,

no problem buddy