[Nathan PParticipant]

Hi,

For some reason I now have a lot of whitespace below my footer only on one page.

http://69.195.124.237/~weathey6/telling/

I removed all content from the page and CSS specific to that page to see if it would help, but it makes not difference.

For reference the CSS I was using is here:

.x-container-fluid {
    width: 100% !important;
    max-width: none !important;
}

.x-container-fluid>.offset {
    margin: 0 !important;
}

The CSS was just to allow Slider Pro from theme forest to be full width and remove the white space above and below the slider.
I have removed it and the short code with no change.

I noticed no issue while the code was in place or the short code for the slider, but then I scaled the page down to test responsiveness and the footer did not stay at the bottom.

Either way, as I said all has been removed with no change.

Thanks

[Paula SMember]

Hi Nathan,

Thanks for writing in, and I’m sorry to hear that you’re having issues with the space at the bottom part of the footer. To look into this further, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Kindly send us a reply with your login information (and tick the Set as private reply at the bottom). Thanks and we’ll be waiting for your response. Have a nice day.

[Nathan PParticipant]

This reply has been marked as private.

[RadModerator]

Hi Nathan,

The space is cause by lack of content. Its either add more content to push your footer, or position it at bottom.

Add this css at your customizer’s custom css.

.x-colophon.bottom {
position: fixed;
width: 100%;
bottom: 0;
}

Thanks!

[GElliott.DevParticipant]

This reply has been marked as private.

[GElliott.DevParticipant]

Secondly, Id like to change the background color of the footer. What CSS would you recommend?

[ZeshanMember]

Hi there,

Upon checking, it seems you have added some custom CSS code that is adding large whitespace (see: http://prntscr.com/81wbw0). To remove the whitespace, simply remove following CSS code from Custom > CSS in the Customizer:

.x-colophon.bottom {
    margin-bottom: 134px;
}

To change the background color of footer, use following CSS code:

.x-colophon.bottom {
    background-color: #000;
}

Replace #000 with your desired color (you can generate hex color codes from here).

Thanks!

[GElliott.DevParticipant]

Amazing Guys! Thank you!

[RadModerator]

You’re welcome!

[Author]

Posts