We have a website under development and there is white space between the footer and socket that we can’t locate in the code. We suspect it is footer:after, but any attempts to hide overflow doesn’t work. Can you please advise? Thanks.
Hey,
Thanks for contacting us!
You have following custom CSS code which is causing the extra space
#footer {
top: -150px;
padding-bottom: 0px;
padding-top: 0px;
margin-top: -150px;
}
If you let us know why you have added the code, we might be able to offer you an alternative solution :)
Best regards,
Yigit
Wow! Thanks for the quick response and for spotting the issue. We’ve removed the custom css and it is better, but we still do have some whitespace showing. Is there anyway we can completely close this gap? We want it to be blue at the bottom with no white beneath.
Hi,
Can you screenshot what Yigit’s code did? Also, if the footer is a background image, a height increase may close off any remaining space.
Best regards,
Jordan Shannon
Thanks, Jordan. We added #footer { padding: 0px!important; } to custom css and that closed the gap. I think we are good with this now. I appreciate you helping us sort it out.
Hi,
You can add following code to Quick CSS not to display whitespace at all
#footer #custom_html-2 {
margin-bottom: 0;
}
You are welcome! Glad we could help :)
Best regards,
Yigit
Thanks for the additional css tip about #footer #custom_html-2, but that actually caused the scroll top link to ‘disappear’.
Hi,
So the original code given fixed the problem? Did you need additional help with this topic?
Best regards,
Jordan Shannon