Space between text and images.

  • Author
  • #1355025


    How do I put more space between text and images? If I put in returns or change the horizontal value on the image settings, it just changes back after I update.

    The blog I need help with is



    It is a little tricky to get the line spacing just right. This is my experience (either creating or editing a post):
    Put in the number of returns you want, update it and then view the post to see if you’re happy with it. If you need to edit it again, the returns will usually clear, and you will have to set them again.



    That’s the problem, they disappear when I update. Is there any way to make them permanent? The only thing I can think of is to put a line with a character on it, then make that character invisible so it can’t be seen.



    Blog editors and word processors are not the same and do not work the same way. The web standard is one blank line only, so you cannot add more blank lines by pressing return repeatedly like you would do with a typewriter or in a word processing application. If you want to learn how to format and space your posts and pages see:

    If you are working in the Visual editor, to get single spacing between paragraphs hold the SHIFT key down and simultaneously click ENTER at the end of the paragraph.

    If you are working in the HTML (Text) editor, a single click of ENTER will give you a single-spaced line, and two clicks of ENTER will result in double spaced lines.

    P.S. When you create a new post, always make sure the Format tool is set to Paragraph before you start typing. It’s in the Visual editor Row 2 first position “style”. See the illustration here If you forget to do that then edit the post, highlight all in the Visual editor, select Paragraph from the Format tool, switch editor to Text then switch back to Visual and click Update.



    How do I put more space between text and images?

    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images.

    They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it.

    Align-left means position left, with the rest of the content wrapping around the right side of the image.
    Align-right means position right, with the rest of the content wrapping around the left side of the image.
    Align-center means position center, with no wrap-around (= the rest of the content below the image).

    If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.

    To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <div style=”clear:both;”></div>

The topic ‘Space between text and images.’ is closed to new replies.