Archived topic
White space at the bottom of any page
5 replies · Started by Klaus on November 1, 2020
There is some white space at the bottom of any page. I would like to put my content "borderless" at the bottom to my posts / pages. There is a way to do that, that I have not found yet? (example: https://honigwerk.de/unsere-produkte/ , I talk about that white space on the page below the social icons block, I do not talk about the footer. There is no content yet on that page, just an example.)
Hi there,
you can try the CSS i provide here to force the footer to sit at the bottom of the screen:
https://generatepress.com/forums/topic/cant-get-menu-nav-or-footer-to-be-sticky/#post-1232453
No, that did not do what I want. But every time I go into depth, I discover new possibilities with GeneratePress. So I get the result I want, when I create a block-element and hook it above the footer. (Great and comfortable idea: Block-Elements)
Now, of course, there is a new "problem": how can I add a shadow to that new element at the bottom of the element? It is the block element with the social icons: https://honigwerk.de/unsere-produkte/
Edit the Block Element, select the Container Block, an in Settings > Advanced give it an Additional CSS Class of: box-shadow
Then add this CSS:
.box-shadow.gb-container >.gb-inside-container {
/* Add box shadow CSS */
}Wonderful, thank you.
You're welcome
