Archived topic
How to Remove This Unwanted White Space
5 replies · Started by Mihail on October 20, 2022
Hello,
I have unwanted white space that I can't remove. I tried setting the margins and padding to 0 top and bottom, but the white space still exists.
How do I remove it? Below is a screenshot of the issue.
https://imgur.com/a/ccKHeqh
I tried with -20 bottom padding on the upper container, but how do I find what is the root cause of the problem?
Thank you in advance!
Mihail.
Hi there,
i am not seeing that space - is it only any particular browser or device ?
Hello David, thank you for the quick response.
I added -20 padding to the top container, just to cover it.
I just deleted the -20 padding and set it to 0, and the white space appears now. I added the credentials of the URL that has the problem. Can you please check now?
Thanks in advance,
Mihail.
Ah ok, so the Image Block has a default bottom margin attached to it.
Options:
Option A.
Use a GenerateBlocks Image Block instead as that has margin controls in the editor.
Option B.
Select your current image block, and in Advanced > Additional CSS Class(es) add: no-bottom-margin
Then add this CSS to your site:
.no-bottom-margin {
margin-bottom: 0 !important;
}Thank you David, this solved my issue.
I appreciate it a lot.
Glad to hear that!
