Image Block: 5px gap appearing below image

I have searched the forums but have had no luck.

When I insert an image using the 'Image Block' I get a small 5px space below the inserted image. I have attached a file to show my issue.

How am I able to get rid of this space? The padding and margins are set to zero.

Many thanks!

1 Attachment

View Replies: View Best Answer
JohntheFish replied on at Permalink Reply
I would guess that maybe your theme adds css for margin, padding or borders about the images, or about the blocks that contain the images.

If you look at your site in chrome, right click on an image and select "inspect element", the developer window will appear with an analysis of the styles down the right hand side showing how they are applied to the image.
beebs93 replied on at Permalink Best Answer Reply
If John's suggestion doesn't yield anything, perhaps adding display:block to the images?

I know some versions of IE add a mysterious gap unless their CSS is set as such, but others usually play nice.

If there's access to the site, a link to it would solve the problem a lot quicker :)
ceanndesign replied on at Permalink Reply
Thanks to both John and beebs93, I really appreciate your reply.

@beebs93... I added display:block to the images as you suggested and it fixed the my issue.

Thanks again for your help.