Text and Photo Alignment

  • Unknown's avatar

    On my Portfolio page I would like the alignment to consistent with photos and text. The spacing seems off and I cannot get all photos to line up on the left.

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

  • Unknown's avatar

    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>

  • Unknown's avatar

    Thank you, I have just tried to insert this code at the end of the text for an image that has text to the right of it and nothing happened. Am I missing a key part to this? Thanks

  • Unknown's avatar

    What I posted above definitely works on all blogs here regardless of theme. Are you using the HTML text editor like I explained above?

    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:
    https://en.support.wordpress.com/editors/#switching-editors

    Types of WordPress Editors

  • The topic ‘Text and Photo Alignment’ is closed to new replies.