Hello,
I have tried all the margin/border/gap settings to set the spacing below my images as 0 – but small gaps still remain:
http://testing.doddlelearn.co.uk/maths-laura-layout-test/ (I would like the light grey border to run exactly around each image.)
Are there any settings or CSS styles I can try adding to remove these gaps?
Thank you!
Alice
Hi Alice,
Unfortunately, for some reason, I’m unable to view the images on that page. It appears as though there’s no image set – can you please check your widget settings? Sorry about this!
Regardless, I suspect the height difference is being caused due to the image being smaller than the overall height of the row itself. If this is the case, there will be spacing. You might be able to get around this by enabling the “Bound” and “Full Width” settings for each of the SiteOrigin Image widgets, however this isn’t guaranteed to work.