Archived topic
Footer under background image
7 replies · Started by Petri on November 6, 2021
I got a page that has a background image. I also have a footer that is stickied to the bottom. But the problem is I don't want footer to disrupt background image. Currently footer is on top of background image. I rather want to have background image in full viewport and footer below it (scroll to reveal/show). Is this possible?
Hi there,
can you share a link to a page where i can see the issue?
Link provided in private form.
Theres a few ways to go about this.. if this requirement varies from page to page then i would be inclined to use the GenerateBlocks Plugin - the free version will do:
Then you can:
1. Set the Merged site header ( like you have on your home page ).
2. Edit the page and set the Content Container to Full Width:
https://docs.generatepress.com/article/content-container/
3. Then add a GenerateBlocks Container Block to the page:
https://docs.generateblocks.com/article/container-overview/
Yoiu can now add your background image to the Container.
Set the Spacing > Min Height to 100vh
And then build inside that Conatiner block the rest of your content.
Thank you for reply. That was exactly what I wanted.
Otherwise it works great but for some reason there exist some white space between background and footer.
Follow step #2 :)
2. Edit the page and set the Content Container to Full Width:
https://docs.generatepress.com/article/content-container/
This will make the page full width and remove the themes padding which is whats creating the white space.
That worked. I only edited block settings, not page settings..
But it is resolved now and I'm happy with results. Thank you very much!
As a note - if you set the Content Container to Full width - the don't set the Container Block to Full width, its not required :)
Glad to be of help.
