WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Text Wrapping Around Images (have tried the suggested fixes) (12 posts)

  1. lindsayblogs
    Member
    Posted 4 years ago #

    Good morning all. This past weekend I migrated my blogspot and wordpress.com accounts over to self-hosted wordpress.org account. I am now seeing some trouble with text wrapping around my images. It used to basically do it by itself in wordpress.com but is now giving me fits.

    I have tried adding the suggested coding to the bottom of my style.css sheet.

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.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}

    Please keep in mind that I have never really used CSS before so if you could explain in dummy terms, that would be great.

    Here's an example of my problem:
    http://www.lindsayblogs.com/reviews/?p=197

  2. just wondering
    Member
    Posted 4 years ago #

    I'll look at my blog today sometime and see if I have my stuff in a div like <div id="content"> or if I may have somthing like

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    What did your original theme have?

    S

  3. lindsayblogs
    Member
    Posted 4 years ago #

    I don't see anything like that in the style.css. This is the only thing I see with img even in the tag:

    #me img {
    float:left;
    margin-right:12px;
    }
  4. Mark / t31os
    Moderator
    Posted 4 years ago #

    Here's a list of the classes you should add and the necessary styling.
    http://codex.wordpress.org/CSS#WordPress_Generated_Classes

    Shouldn't need anything more then that.

    Remove the stuff you have posted above, add the code from the above link in it's place, then report back how the page looks, what needs adjustment, etc... and i'll help you make any adjustments required.

    Do you have an address for the old blog, as a comparison so i can see where it's differing? (do the changes above first though please).

  5. lindsayblogs
    Member
    Posted 4 years ago #

    Is there anyone that can help me? My posts are not looking pretty. :)

  6. lindsayblogs
    Member
    Posted 4 years ago #

    Thanks t31os_. I'll try that and let you know.

  7. lindsayblogs
    Member
    Posted 4 years ago #

    t31os_ I added the classes you suggested to style.css and nothing happened. :(

    The old blog is still up at http://lindsayreviews.wordpress.com. Any help you can give would be greatly appreciated :(

  8. Mark / t31os
    Moderator
    Posted 4 years ago #

    Ok, sure i have no problem helping, but you'll need to be specific and tell me what doesn't look right, does something not have enough spacing, and if so, where, to the left, to the right...

    And so on...

    Your two blogs look quite different so it's quite hard knowing what doesn't look right for you, so the more specifics the better (you have a very busy site, lots of seperate stylesheets loading).

    :)

  9. lindsayblogs
    Member
    Posted 4 years ago #

    The wordpress.com site is how I like the posts to look. On my new site (www.lindsayblogs.com) there is no text wrapping around the images. As you can see, there is a great deal of white space next to each image. I want the text to wrap the image just like it does on http://lindsayreviews.wordpress.com.

    This may all be a null issue once my new custom design is completed, but that is several weeks off and I hate for it to look like junk in the meantime. Should I maybe just go with another theme?

  10. alchymyth
    The Sweeper & Moderator
    Posted 4 years ago #

    the new and old blog have quite the same image alignment;
    left - right - left; with the text flowing around the images.

    seems like your browser is holding on to the old styles:
    maybe you need to reload the site in the browser (reload button); and/or refresh the browser cache by pressing 'ctrl' and 'f5' at the same time.

  11. lindsayblogs
    Member
    Posted 4 years ago #

    Aha. Internet Explorer is at it again. Thanks so much.

    That fixed it. Thanks again! I feel much better now.

  12. Mark / t31os
    Moderator
    Posted 4 years ago #

    I was thinking that when looking at the page, hence my request for specifics, because they looked the same in regard to image alignment...

    hehe, sometimes it's just the simple things... :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.