match text width to image width

  • Unknown's avatar
    fadstudio · Member ·

    I want to align my image width to text width. I look in the ‘visual’ editor window and they look to be aligned, however in preview they are not aligned. The images appear much smaller in width than text.

    How can I align the images to text?

    Thanks for any advice.

    Sincerely Felecia

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

  • Unknown's avatar
    timethief · Member ·

    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
    fadportfolio · Member ·

    Hi!

    Thanks for speedy reply!

    I understand above information but I do not think this is my problem. The problem is that in one post I just cannot get the images to align with text width. What I see in the visual editor, alignment of text with images does not match the preview.

    In second post, same blog I was able to align both text and images by resizing images visually in the visual editor. In that post what I see in the editor matches what I see in the preview.

    I cannot tell where the code is different in the first post but something must be different.

    Any advice?

    Thanks so much,

    Felecia

  • Unknown's avatar
    timethief · Member ·

    . The problem is that in one post …

    What is the URL starting with http:// of this problematic post?
    Have you examined the code in the Text (HTML) editor to locate the code causing the issue?

  • The topic ‘match text width to image width’ is closed to new replies.