WordPress.org

Ready to get started?Download WordPress

Forums

The classic - can't get text to wrap around image (8 posts)

  1. mubble
    Member
    Posted 3 years ago #

    Hi guys,

    Here's the page in question:

    http://www.jamsideupltd.com/services/startup

    I've search previous threads on this matter but no matter what I try, the text does not wrap around the .png image of the three cars.

    When I raise the image up, the text jumps to beneath it, and vice-versa.

    I've got the text aligned left, and the image aligned right. I've tried the reverse of this, but it still won't wrap.

    Can someone give me some pointers please. I'd like the first two, perhaps three paragraphs wrapped.

    Many thanks

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Remove overflow: hidden; from:

    .entry-content p {
        line-height: 1.5em;
        margin: 0;
        overflow: hidden;
        padding: 8px 0;
        width: 100%;
    }

    in style.css

  3. mubble
    Member
    Posted 3 years ago #

    You're a star. Thank you so much. Worked a treat. Should have asked you 4 hours ago!

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    Glad I could help :-)

  5. Howard Chan
    Member
    Posted 3 years ago #

    Hey esmi..

    You helped me out as well!! I'm using graphene and I was having the same issue! Thanks to you my headache's gone! :)

  6. spenceri
    Member
    Posted 3 years ago #

    Hey esmi, does this apply to me as well?

    http://reversetelomereshortening.com/does-stress-cause-aging/

    Since I uploaded this custom theme I cannot get the images to wrap anywhere.

  7. alchymyth
    Forum Moderator
    Posted 3 years ago #

    @spenceri

    your theme seems to be missing some styles for image alignment:

    http://codex.wordpress.org/Wrapping_Text_Around_Images

  8. mubble
    Member
    Posted 3 years ago #

    Thread starter here!

    Once again, many thanks for the help regarding getting text to wrap around images.

    However, the solution given above doesn't seem to have solved the issue in IE (using IE8 & 9). I've tried playing around with the overflow:hidden function in my css, but with no success.

    For example here:
    http://www.jamsideupltd.com/portfolio

    Can any css god assist me please?

Topic Closed

This topic has been closed to new replies.

About this Topic