footer has moved up when using background image on page

Hi there,

The footer has moved up in About page as there isn't enough content to fill the length of the page.

There isn't a Calendar page and the Contact page looks fine as there is enough content.

How are you adding the full container class currently? Any reason you could just apply the background image to the body of the desired pages?

Let me know :)

Hi Leo,

Thanks for getting back to me. I am using Tom's technique of setting the full container by putting

<!-- .full-container --> in the after_footer hook. Is there another way that might be better?

To get "more content" into the page, should I add a bunch of <br /> to push the footer down on pages that are not long enough?

Lastly, is there a reason my technique is not working on the blog page?

Thanks

Mark

Actually, adding <br /> didn't help, but adding   worked.

Looking at your current setup, I don't believe the full-container method is needed.

Can you temporarily disable that method and try this CSS instead?

body.page-id-60, body.page-id-10, body.blog {
    background-image: url(http://URL-HERE);
}

The CSS above is targetting the About Us, Contact and News page only.

Make sure it's added in the global CSS editor.

Let me know :)

OK, I will give that a try.

Mark

Leo,

I put that CSS into Customize | Simple CSS, and removed the hook elements, but it seems that there is no page background now.

Mark

Nevermind - I made a typo. Seems to work fine.

Thanks
Mark

No problem :)

I found a Video that describes this problem we often have with themes here it is stop a footer from floating up Can you guys from GeneratePress add this as theme option to OP ? Thanks

Thanks for sharing.

We will definitely consider it :)

Thanks Leo! Is there any workaround for now with CSS I would be so happy if you could share it here how to fix it for now?

Any chance you can start a new topic and link me to the page in question?

I have added now a new Post. Thanks

Thanks :)