Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #80854
    nextstep
    Participant

    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?

    #80863
    Mahesh
    Participant

    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

    #80874
    nextstep
    Participant

    Thanks for this.

    Any ideas about how I might fix this?

    Regards

    Brian

    #80888
    Sakin
    Keymaster

    @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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Text alignment when importing images’ is closed to new replies.