Section height

Hello Marko,

You can specify top padding and/or bottom padding for each section:

The value is Pixels.

Hey Jean,

well it looks like this is the easiest option. It also affects the position of the text, but then I have to change the bottom padding or add a nbsp in the text. For now I can live with this solution.

One more question while we are talking about section: Can I set the whole background image as a link?

Thanks a lot, Marko

You plan to use for all sections a diferent link, or want in only one section? Maybe I can come up with something based on your needs.

Yes, every section should link to a different category. 4 sections should link to 4 different categories. That would be the best option probably.

Let me know if you have something.

Thanks a lot, Marko

Hi Marko,

Definitely tough to achieve..

One option, maybe..

1. Add an image to your section with a link around it:

<a href="http://generatepress.com"><img src="URL TO FULL BACKGROUND IMAGE" alt="" class="full-section-bg"></a>

Then add this CSS:

.full-section-bg {
    height: 100vh;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100vw;
}

Just a theory - but it may work.

Let me know :)

Hey Tom, warming up this topic a bit because my question is related to section height as well:

I have some sections with an inclusion of dynamic content with differing height, so I need a dynamic height for this content – otherwise the content is hidden. So, is it possible to have a dynamic section height, perfectly growing with its external content

Element heights will adjust to their content by default - the more content/padding, the taller the element will be.