-
Posts
-
Hi, I exchanged the standard footer with a page, because it allows me to give the footer the same parallaxing background image that I use in the header. The problem now is, that when there is little content on a page, the background image is cut at the bottom and below there’s only black (see screenshot). Is it possible to extend the background image, so that it always covers all the space below the footer?
Regards,
ThomasHey ThomasN001,
Thank you for the inquiry.
We cannot extend the background but we can apply a minimum height to the first section so that it covers most of the screen and push the footer further below. Please try to add this css code.
#main .container_wrap_first, #main .avia-section:first-child { min-height: 400px; }Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelThanks, Ismael. This doens’t seem to do anything, though. (cleared cache, file compression is diactivated)
Hi,
Thank you for the update.
Did you purge the cache after adding the css? You may also need to toggle or temporarily disable the Enfold > Performance > File Compression settings while editing the site.
Best regards,
IsmaelCaching plug-in is deactivated, as well as file compression. ;) I put the link to the page of the screenshot below.
Hi,
Thank you for the link.
The css code targets the first container or color section in the page and adjusts its height, but it looks like the first section is used as the header background. For pages without much content, you can also modify the color section and set the Layout > Section Height > Section Minimum Height to at least 50%.
Best regards,
IsmaelHi Ismael, I think that works. Thank you very much.
Btw. I really have to give you and the others compliment for your top notch support and patience with noobs like me. :) It’s very much appreciated!
You can close the thread.
Regards,
Thomas
- The topic ‘Extending background image when using a page as footer’ is closed to new replies.