Grey space below footer

That gray space is here dur your content isn’t enough to “push” you footer at the bottom of the browser

When your content is over, the theme puts ther the footer but there is too many space util the bottom of browser and it’s filled with that gray…

That gray is, in fact, tha background color of your body (i checked with “inspect element”) you can change that color by using some CSS management plugin like Custom CSS Manager anb revert it to white.

So, that “space” will remain there anyway…

Also have the option of use some CSS condition to declare a min-height than allow you to push it to bottom, but as you can’t know the size of your visitiors browser it’s a pretty ugly solution (and can be specially messy on cellphones)

When your content grows will push the footer to it’s place….

I’m not sure if the explain is clear :S

Yeah that’s clear, so there’s no easy way to push the footer to the bottom of the page?

Not using CSS. You can do it with JavaScript.

Sticky footer
https://mystrd.at/modern-clean-css-sticky-footer/

Thanks paulwpxp

So I have that code, which PHP, CSS, etc file do I put that into?

That code is CSS, so it goes to style.css of child theme, or in theme’s Custom CSS section if it has one, or Custom CSS plugin.

You can’t just copy and paste that, the markup is different, it’s just a demo that you learn and apply to your own.

@paulwpxp:

Thanks for that link! Another thing I can add to my bag of tricks.

@kjodle

yep, I added that to mine too.