For the homepage, I'd like the main page background to be the background for the entire page, including the footer.

Please help!?


enter image description here


It's better if you share the the link to your site OR if you can show us the attempts you have made and the problems which your are facing while doing so.

A suggestion for to do so is to make footer background transparent and apply background image to your .page class which is default wordpress class you can be more specific with by using unique page ID in css and then apply that background. for example:

#example-pageid footer {

#example-pageid {
  • the footer shows in red. That means syntax error? I am a web dev noob still. I am still learning programming and taking some classes, but I havent learned CSS yet and I need to just get this site going for now. Thats why I used wordpress haha. site is chollimacoffee.co. It was actually unpublished but I just published it so you guys can help me. – Reed Jan 19 '17 at 3:24


Add following code to the bottom of your avada-1035.css (here is the path):

#wrapper {
    background-image: url(../2016/12/Green-Background-PC-Free-Download.jpg);
  • chollimacoffee.co .. My current CSS is: @media only screen and (max-width: 800px){ .mySep { margin-top: 200px !important } } /* fixing jumping side navigation */ #side-header { Position: fixed !important; } #page-id-1035 footer { background:transparent; } #page-id-1035 { background_image:url(chollimacoffee.co/wp-content/uploads/2016/12/…) } – Reed Jan 19 '17 at 3:26
  • @Reed33 I have updated css (see above). please put it into avada-1035.css located in uploads folder. – Faisal Alvi Jan 19 '17 at 10:06

Not the answer you're looking for? Browse other questions tagged or ask your own question.