October 29th, 2012, 01:19 AM
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
November 2nd, 2012, 09:12 AM
this can be easily done by adding another div to contain the content area. For example:
<div id="contentWrapper"> right above <div id="home-container">
and then add the closing div tag just above <div id="footer"> like so.
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
Comments on this post
November 2nd, 2012, 01:29 PM
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.
November 2nd, 2012, 02:21 PM
Thanks! Glad to help
margin: 30px auto;
margin: 30px auto 0;
November 2nd, 2012, 02:25 PM
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
November 2nd, 2012, 02:30 PM
no problem buddy