[Support request] How to remove the gap between Image and footer

[Andrew]

https://ibb.co/4ZtgQzw

Hi, please could someone help me remove the gap between the image at the bottom of my page and the footer?

Thanks

[David]

Hi there,

can you share a link to the site where i can see the issue?
You can share the link in the Private Information field.

[Andrew]

Sure, I’ve attached the URL and login details in the private section, thanks

[David]

Ok – so thats the default bottom margin which i assume you don’t want to remove on all images.
First add this CSS to the site:

.entry-content .wp-block-image.remove-margin {
    margin-bottom: 0 !important;
}

.wp-block-image.remove-margin img {
    vertical-align: bottom;
}

Then in the post editor, select the image block, and in Advanced > Additional CSS Class(es) add: remove-margin

You can add that class to any image you want to remove it from.

[Andrew]

Thank you. I have just applied the CSS but it still doesn’t seem to be working, could you take a look for me please?

[David]

I made a change to the CSS above – try that

[Andrew]

That worked, thank you David!

[David]

Glad to hear that!

[Author]

Posts