[Resolved] How to Remove This Unwanted White Space

[Mihail]

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.

View post on imgur.com

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.

[David]

Hi there,

i am not seeing that space – is it only any particular browser or device ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mihail]

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.

[David]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mihail]

Thank you David, this solved my issue.

I appreciate it a lot.

[David]

Glad to hear that!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts