Tight Text Wrapping on Page

  • Does anyone know if there is a way to do tight text wrapping around a image in WordPress? I know how to wrap text around a image but I am talking about the text following the shape of the picture. Meaning if it’s a person in the picture the text would found their shape. I was able to do what I’m talking about in Photoshop and here is a link to that photo so you can get an ideal of what I’m talking about. https://www.tommyjvance.com/wp-content/uploads/2012/10/Red-Couch.png

    Thanks guys!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The image would still be rectangular, therefore text would wrap around the rectangle, not the body’s outline.

    For example, this image is a rectangle of 190px by 338px
    https://upload.wikimedia.org/wikipedia/commons/thumb/0/03/Persons.svg/190px-Persons.svg.png

    Images can’t have multiple width and height dimensions. Images take the widest and tallest points, then use those as an overall image size.

    Thread Starter tjvance

    (@tjvance)

    I get what you’re saying, I guess in order to do it the text would actually have to be layered over the image. I’m just not sure how to do it in a WordPress page. It has to be possible, it’s done all of the time on other websites.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you come across a website that has implemented it, let us know of the website URL and we’ll take a look at how they do it.

    Thread Starter tjvance

    (@tjvance)

    I actually found a how-to for WordPress but with the way he did it I’m not sure I would ever get it to line up correctly. He used a photo and cut the image into different images and then lined them up in his post. Seems like it would be a nightmare to line up, plus my website is responsive so I’m not sure if it would work anyhow. Here is the link: https://www.wphub.com/how-to-flow-text-tightly-around-images/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t think he cut the image, but used two extra <div> elements that covered the main parts of the image.
    This technique does the job roughly, but may compromise your website’s semantic value.

    Thread Starter tjvance

    (@tjvance)

    Sorry, I guess I read somewhere else about someone cutting a image. I’ll look into this way some more. Thanks for the help, I’m kinda new at the advanced stuff.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Tight Text Wrapping on Page’ is closed to new replies.