Archived topic
GeneratePress "Footer Issue" on Short Pages
1 reply · Started by Miguel on December 8, 2021
Hi, I have found this solution on the forum. But I need to apply this solution only on the short content Pages, and Not in all Pages:
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container.grid-container {
width: 100%;
}
.site-footer {
margin-top: auto;
}
Thanks in advance for your kind help :)
Hi there,
If you wish to have it set automatically, that's not doable as because there's no selector that indicates if a page is short.
But if you're okay with setting things up manually per page then you can create a Hook element and add this on the code area.
<style>
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container.grid-container {
width: 100%;
}
.site-footer {
margin-top: auto;
}
</style>You then set the display rule location to the pages you want this to be applied on.
Any particular reason why you wish it to be changed?
