[nextstep]

Sorry if I’m using the wrong terminology but not too techie.

I often import images into my website but when I try to flow text around the image there is always a gap under the image much larger than the gap on the sides. For example see the butterfly image on http://www.nextsteptherapy.ie

To my eye, this looks very untidy and I would like to have a uniform space around the images. Is this possible?

[Mahesh]

Hi @nextstep,

You’ve add the images in the content area. The gap between the image and text is uniform in the theme. The gap you’ve mentioned is because of the image ending at around half of the new line of the text, hence it is taking the next line. The text and image size in the content may vary and so does the gap between the image and text. So fixing with Custom CSS won’t work.

Hope you understand.

Thanks,
Mahesh

[nextstep]

Thanks for this.

Any ideas about how I might fix this?

Regards

Brian

[Sakin]

@nextstep: Try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS” box:

img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 1em;
    margin-right: 1.5em;
}

[Author]

Posts