Footer background Images

Hi Jana,

Well, the simplest way to do this would be with CSS. So upload your image to the Media Library then copy the link to the image (edit the image and the address is next to “Copy Link”. You can then use this CSS by replacing the image address with one that I have used here as an example and pasting the code into “Customiser – Additional CSS”.

footer {
background-image: url("https://fbw-wandlitz.info/wp-content/uploads/2019/07/Oliver-Borchert-Buergermeisterwahl-2019-Wandlitz-stark.jpg");
background-size: cover;
background-position: center center;
}

The “background-size: cover” tells the browser to increase or decrease the size of the image so it will proportionally fit the footer area. The “background-position: center center” tells the browser to centre it.

If you think people would prefer this to be an option in the plugin, let us know and we’ll add it to our “to do” list.

Oliver

Yes I think, that would be great and useful if you could integrate a footer image.
Do you know how high the footer image must be. I can not find any information.
Jana

OK, we’ll add it to our “to do” list ?? and update this thread when finished.

With regards to the height of the image, this depends on how much content you have in the footer. The “cover” bit of the CSS, however, will make the image large enough to always cover the area. This may make the image loose quality if the area is too large for the size of the image.

The default Twenty Seventeen featured image size is 2000 x 1200 which although large would probably suffice for any footer size.

Oliver

Its look good…
I played around a bit. The best height is 200px (2000x200px)
Thanks a lot for your help. Im very happy!!!
Jana

The mistake is in the details … look into the portfolio. Now the footer image is double, crazy…
https://fbw-wandlitz.info/portfolio/1-wahlprogram-fbw-wandlitz-verkehrskonzept/

We have just pushed an update that adds the ability to select a background image.

Please confirm this works as you require.

Thanks,

Oliver

Marking this as resolved now.

Oliver