WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Problem Wrapping Text Around Images (8 posts)

  1. Photog
    Member
    Posted 2 years ago #

    I'm trying to wrap text around an image in a post. Tried it before on a test post and it worked fine. That was on an earlier version of WP (not sure which version).

    I've got the image inserted in the post and aligned to the left. In the edit window, it appears there's a space between the image and the corresponding text. However, when I click to Preview Post, the text is jammed right up against the edge of the image - no space. I've tried adjusting the right side margin and inserting padding. No effect.

    I've done a Google search and looked at different articles. It appears I'm doing what I'm supposed to do to get this to work. And, as noted above, it did work previously in a test post.

    What am I missing?

    Thanks.

  2. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    can you post a link to your site?

    css/formatting can only be really discussed looking at the live object.

  3. Photog
    Member
    Posted 2 years ago #

    I didn't include a link because that post was still in draft. I've put it on a non-public page, http://rf-photography.ca/2142/
    Thanks.

  4. esmi
    Forum Moderator
    Posted 2 years ago #

    Are you adding inline CSS to inserted images? Or using an image plugin?

  5. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    your theme does not really have any styles for aligned images or images with captions.

    possibly, try adding some tykes like these at the end of style.css:

    img.alignright, .wp-caption.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft, .wp-caption.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter, .wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em}
    a img.alignleft {float:left; margin:0 1em 1em 0}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

    http://codex.wordpress.org/Wrapping_Text_Around_Images

  6. Photog
    Member
    Posted 2 years ago #

    esmi, I'm using the built in 'Insert Image' function.

    alcymyth, I had found that earlier and tried it. Didn't seem to work previously, but it appears to have this time.

    Thanks.

  7. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    I had found that earlier and tried it. Didn't seem to work previously, but it appears to have this time.

    as you might have seen, this is not directly from the link, but expanded it with styles for captioned images.

  8. Photog
    Member
    Posted 2 years ago #

    Yes, you're right. Many thanks.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.