Archived topic
page background image
9 replies · Started by Mark on May 11, 2019
I am trying to use a page background image, and I have (I think) used Tom's technique in #199828.
I am trying this on the About Us page, and as you can see, the image only covers a portion of the page, but not the header area, and seems to move the footer up away from the bottom.
Any advise on how to do this properly so that the background image covers the full page, including the header and the content area?
Thanks,
Mark
Hi there,
I'm not seeing the full-container element on your site at the moment.
Have you tried just setting it to the body?
Let me know :)
It was set to before_header like in your article. I will try setting it in the body.
Mark
Tom,
Did you mean the before_content hook? I don’t see a hook for body.
Mark
The opening element should be in before_header and the closing element should be in after_footer.
I have <div class="“full-container”"> set in before_header
And
</div>!—- .full-container —> set in wp_footer
Mark
And this is on the site you've linked to in your first post? I'm not seeing that element anywhere in your HTML. Are the Display Rules set to the entire site?
Ok, I will switch it from wp_footer to after_footer.
Thanks,
Mark
Tom, one last thing in this regard - can I set the header and menu background on a page by page basis?
Mark
Not without CSS, unfortunately.
