WordPress.org

Ready to get started?Download WordPress

Forums

Grey space below footer (9 posts)

  1. ashkapow
    Member
    Posted 1 year ago #

    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.

    thekapow.com/about-us

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

  2. aritzalvarez
    Member
    Posted 1 year ago #

    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

  3. ashkapow
    Member
    Posted 1 year ago #

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

  4. kjodle
    Member
    Posted 1 year ago #

    Not using CSS. You can do it with JavaScript.

  5. paulwpxp
    Font hero
    Posted 1 year ago #

  6. ashkapow
    Member
    Posted 1 year ago #

    Thanks paulwpxp

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

  7. paulwpxp
    Font hero
    Posted 1 year ago #

    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.

  8. kjodle
    Member
    Posted 1 year ago #

    @paulwpxp:

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

  9. paulwpxp
    Font hero
    Posted 1 year ago #

    @kjodle

    yep, I added that to mine too.

Topic Closed

This topic has been closed to new replies.

About this Topic