Archived topic
How to remove the gap between Image and footer
7 replies · Started by Andrew on June 24, 2021
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!