space at top and bottom

[Marko]

Hi Tom. How can a space at the top and bottom of the template added?

thx
Marko

[Tom]

Of the entire site?

.site-header {
      margin-top: 30px;
}

.site-footer {
      margin-bottom: 30px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marko]

Hi Tom. Could you please take a look http://dev.webseite-online.de because there is now a shadow in the new space at the top and bottom.

This are my current css code for the shadow.
.full-container {
box-shadow: 0 10px 10px #555;
}

The shadow should now be begin after the top space and end before the bottom space.

Thx for your great support.

Marko

[Tom]

Ah, in that case you want to do this:

.full-container {
      margin-top: 30px;
      margin-bottom: 30px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marko]

Hi Tom. There is now at the bottom after the site info a class which should be not displayed. Is it be poosible?

Thank you

Marko

[Tom]

Can you show me what you have in the wp_footer hook? Be sure to highlight the code and click the “code” button above in the editor.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marko]

Hi Tom. This is the code of the wp_footer.

<div class="full-container grid-container grid-parent">

[Tom]

Take that out and add: </div>

That should fix it.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marko]

Hi Tom. Hm not really.

This is my wp_head: <div class="full-container grid-container grid-parent">
and this is now the wp_footer: <div class="full-container grid-container grid-parent"></div>

When i set the div end tag also in the wp_head. The display error at the bottom are solved, but the shadow doesn’t be display.

This are the current css setting for the shadow.
.full-container {
box-shadow: 0px 10px 10px #555;
}

Do you know to solve it?

thx
Marko

[Tom]

This should be in wp_head:

<div class="full-container grid-container grid-parent">

And this should be in wp_footer:

</div>

The idea is that you’re starting the container before any content, and then ending it after all of the content.

Let me know if that does the trick or not 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Marko]

Thanks a lot Tom. It works now fine. Solved.

[Tom]

Awesome! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts