Need help? Check out our Support site, then


Help with text wrap around inserted photo

  1. How do I get the text to start below a left-justified photo in standard mode instead of next to it on the right?
    Blog url: http://gichigamiintendays.wordpress.com/

  2. thistimethisspace
    Member

    The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. http://en.support.wordpress.com/visual-editor/#alignment 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. 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.

    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).

    Every theme has a maximum displayed image width http://wpbtips.wordpress.com/2009/07/23/maximum-image-width/ so it's important to keep that in mind when posting multiple images side-by-side. If you want two images to be side by side on the same line start by setting the alignment of both images to left. See > http://en.support.wordpress.com/images/image-alignment/ To prevent the staggered effect what you do is insert the following snippet of code into the HTML editor after each image/text pair:
    <br style="clear:both;" />

  3. Thanks. Bummer I can't override the text wrapping function. I was hoping to get my text to start under the photo.

  4. Who says you can't? For a left aligned image with no text wrap, you just set the alignment to None instead of Left.
    But in your case that won't be enough, because you had erroneously set the text alignment to center, and this will affect the image. So you also need to switch the editor to Text (=code) and remove all of these:

    <p style="text-align:center;">
    <p style="text-align: left;">
    </p>
  5. Yay Yay Yay!! Thank you justpi!!

Topic Closed

This topic has been closed to new replies.

About this Topic