the caption adds another 10px to each image, and then there is a 20px right margin per image …
try influencing the margins for the third image from within the advanced image options when you edit that image in the post (via the post editor).
That worked thanks.
Could also help with how to remove the massive amount of blank space above and below the images please.
the minot space above the images is caused by the bottom margin of (all) paragraph tags in your theme;
imho, there is not much you can do about this.
the larger space below the imges is caused the bottom margin of the caption images:
.wp-caption {
text-align: center;
margin: 10px 20px 20px 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
}
and by some extra code in the post content:
<p><br style="clear: both;" /><br />
</p>
edit the post in the ‘text’ setting of the editor (used to be the ‘html’ setting) and see if you can find that code;
as you need the ‘clear’, possibly try changing it to <span style="clear: both;"> </span>
as these are general formatting issues, try working with a browser inspection tool to identify the source of the spaces…
Thanks I have fixed the main big space but it’s definitely the “clear” text that is causing the problem with the rest of the spacing.
I tried your code and you can see what is now happening. I’m not really an expert. Do you have any other idea’s for code that might work?
Ah found it by hunting around the web, its <p style=”clear: both;”>
Thanks for all your help.
