-
AuthorPosts
-
February 26, 2020 at 3:55 pm #1188099
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.
February 26, 2020 at 3:58 pm #1188100Hey,
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,
YigitFebruary 26, 2020 at 4:30 pm #1188106Wow! 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.
February 26, 2020 at 4:54 pm #1188111Hi,
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 ShannonFebruary 26, 2020 at 5:09 pm #1188112Thanks, 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.
February 26, 2020 at 5:31 pm #1188120Hi,
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,
YigitFebruary 26, 2020 at 6:48 pm #1188165Thanks for the additional css tip about #footer #custom_html-2, but that actually caused the scroll top link to ‘disappear’.
February 26, 2020 at 7:16 pm #1188194Hi,
So the original code given fixed the problem? Did you need additional help with this topic?
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.
