Wrapping text beside an uploaded photo.

  • Unknown's avatar
    marklambkin · Member ·

    I have read 20+ articles on this topic and am very surprised to find how many people are having this problem. I’ve used several suggestions, with no success. Is there an easy solution, I would be disappointed if this fix was theme dependant, as well more disappointed if the fix is coding and existing them.

    Thanks in advance for any help.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    doncharisma · Member ·

    In both the classic and the new editors, you can single click on the photo. This brings up a menu top right hand side. Press the pencil icon (edit). Select alignment – Left, Right, Center. Once you’ve done this the text should wrap around the image.

    What could prevent it is if the image width is an entire page width, in which case the text wont wrap. Try placing the image with a smaller size, like thumbnail for instance, might solve.

    My understanding is that text wrap around a photo IS NOT theme dependent.

    This help document looks like it’s out of date, but has a section on text wrapping around images (alignment) – https://en.support.wordpress.com/images/image-settings/

    Cheers

    Don Charisma

  • Unknown's avatar
    timethief · Member ·

    @marklambkin

    See here please > http://en.support.wordpress.com/visual-editor/#alignment

    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 Text (HTML) editor after each image/text pair:
    <div style=”clear:both;”></div>

  • The topic ‘Wrapping text beside an uploaded photo.’ is closed to new replies.