[Resolved] Footer under background image

Home Forums Support [Resolved] Footer under background image

Home Forums Support Footer under background image

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1993714
    Petri

    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?

    #1993758
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to a page where i can see the issue?

    #1993769
    Petri

    Link provided in private form.

    #1993773
    David
    Staff
    Customer Support

    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:

    https://generateblocks.com

    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.

    #1993952
    Petri

    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.

    #1994002
    David
    Staff
    Customer Support

    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.

    #1994005
    Petri

    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!

    #1994025
    David
    Staff
    Customer Support

    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.