Support » Themes and Templates » Grey space below footer

  • I’ve seen this question asked a few times on this forum, but none of the answers seem to help me. I’ve downloaded a theme and added it to my site, but now my site seems to have a lot of grey space below the footer which I can’t seem to get rid of.

    If anyone can advise? I can post the text from any files that may help to getting this resolved.

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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.

    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.


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


    yep, I added that to mine too.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Grey space below footer’ is closed to new replies.