How to remove the white space under my footer in WordPress?

  • I have basic coding experience. In my WordPress install, some of my pages have a blank white space under the footer that I would like to remove. I have tried several solutions but to no avail. The problem is persistent on chrome, Firefox, IE etc.

    I’m not really sure of the cause, but the size of the white space changes depending on computer/browser/resolution.

    As I am working in WordPress I have access to custom CSS and source theme files, however, I would prefer to solve this problem with custom CSS.

    I would like a footer that sticks to the bottom of the browser window with no whitespace below it.

    Q. Please provide me with code/a solution that will remove this white space below the footer.

    You can find an example of the white space on my [website here][1].

    [1]: https://goo.gl/7JS1Di

    Solutions i’ve tried:

    1. #footer {overflow: hidden;} didn’t work

    2. Putting html, body, parentDiv, childDiv, section, footer { height : 100%; } in my css but that didn’t work

    3. #copyright { padding-bottom: 20px;} “#copyright” is under the footer so this did reduce the whitespace to a point where it seemed it weren’t present, but on taller browser windows the white space reappeared.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Your footer has padding of 50px on the top & bottom. You can add this rule to adjust the padding on the bottom:

    #footer {
   padding-bottom: 0;
}

    This remove all of the padding on the bottom. You can adjust the value (e.g., 10px), if you feel like you need some padding.

    You can also get rid of the space taken up by #copyright since there’s no content in it:

    #copyright {
   display: none;
}

    Thread Starter lawpress

    (@lawpress)

    Copyright section is gone but the whitespace still remains.

    Hey Lawpress,

    Or if you want your footer text to stand out, you may want to try this:

    #text-2 .textwidget p a {
color:white;
}

    Hope that helps! Chris

    Thread Starter lawpress

    (@lawpress)

    I dont want the footer text to stand out. I want a sticky footer.

    Thread Starter lawpress

    (@lawpress)

    for an idea of what im trying to do.

    Sorry, I missed the part about wanting a sticky footer. However, you’ll also want to reduce the padding so there’s more room to display your main content.

    Add this to your custom CSS:

    #footer {
   position: fixed;
   bottom: 0;
   padding: 0 10px;
}

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove the white space under my footer in WordPress?’ is closed to new replies.