• Resolved lindsayblogs

    (@lindsayblogs)


    Good morning all. This past weekend I migrated my blogspot and wordpress.com accounts over to self-hosted www.ads-software.com 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:
    https://www.lindsayblogs.com/reviews/?p=197

Viewing 11 replies - 1 through 11 (of 11 total)
  • 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

    Thread Starter lindsayblogs

    (@lindsayblogs)

    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;
    }

    Here’s a list of the classes you should add and the necessary styling.
    https://codex.www.ads-software.com/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).

    Thread Starter lindsayblogs

    (@lindsayblogs)

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

    Thread Starter lindsayblogs

    (@lindsayblogs)

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

    Thread Starter lindsayblogs

    (@lindsayblogs)

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

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

    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).

    ??

    Thread Starter lindsayblogs

    (@lindsayblogs)

    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 https://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?

    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.

    Thread Starter lindsayblogs

    (@lindsayblogs)

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

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

    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… ??

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Text Wrapping Around Images (have tried the suggested fixes)’ is closed to new replies.