White space at the bottom of any page

[Klaus]

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.)

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Klaus]

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/

[David]

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 */
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Klaus]

Wonderful, thank you.

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts