Footer background not finding image link

[designheavy]

Reference:

How the get a background image to cover the whole footer area?

I can’t find a way to get a background image to cover the whole footer area. This is the code I have at the moment but it only shows up the background image in the top colophon, not bottom: footer.x-colophon { background-image: url(img-url); } Thank you for any help!

Following the support ticket above, I was able to edit the wp-footer.php file and add the CSS code below.

footer.x-colophon {background-color: transparent !important;}
.mybackground {
background-image: url(https://box5146.temp.domains/~turnuret/wp-content/uploads/2020/03/footer.png);
background-repeat: no-repeat;
background-size: cover;
}

I can get a background:color to work, just not the graphic-or any graphic link. Also, I am not using a Child-Theme like the ticket suggests, maybe that’s the issue?

Any help appreciated.

[ruenel]

Hello @designheavy,

Thanks for writing in!

if you have edited your Footer already, the css code should work with no issue. We cannot confirm why it does not work because your site is under construction. Kindly provide us access to your site so that we can check your footer and investigate further. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Regards.

[designheavy]

Thanks Ruenel, I have updated the secure note.

[ruenel]

Hello @designheavy,

The given css will not work for you because you are using a custom footer. I would recommend that you use this instead:

footer.x-colophon {
    background-image: url(http://box5146.temp.domains/~turnuret/wp-content/uploads/2020/03/footer.png);
    background-repeat: no-repeat;
    background-size: cover;
}

Please let us know how it goes.

[designheavy]

It worked perfectly! Thanks Ruenel.

So I guess targeting the outer container via PHP wasn’t needed because I am using the PRO footer.

[friech]

Hi @designheavy,

Yes, that is correct, the instruction I provided on the other thread is for X with a top and bottom footer, not applicable to footer built on PRO’s footer builder.

Cheers!