Site logo

Archived topic

How to remove the gap between Image and footer

7 replies · Started by Andrew on June 24, 2021

Viewing posts 1–8 of 8

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

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.

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

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.

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?

I made a change to the CSS above - try that

That worked, thank you David!

Glad to hear that!

This archived topic is closed to new replies.