• I am having an issue ending text wrap around images. For example, I have a profile image on an about me page and then have some basic info that I want appearing next to it, which I accomplish by aligning the image left, thus wrapping the basic info text around it. However, after the basic info text, I have a new paragraph with a lot more text, that I want to start on a new line below the wrapped basic info text/image. Currently, I have to just press enter a ton of times or resize the image, check, resize the image, check, and so on and so on until I get all of the basic info text wrapped around the image and the new paragraph below the wrapped text/image.

    There has to be an easier way to end the text wrapping so the next paragraph is not wrapped. Any ideas?

    Thank you for your time in advance.

    Brian

Viewing 3 replies - 1 through 3 (of 3 total)
  • Can you post a link to the page that’s having this issue?

    One thing you might try is in the Text tab of the editor, enclose the paragraph you want below the image in ‘<div></div>’ tags. On most themes, this will force it below any content outside of the tags (in other words, your basic info and picture).

    Thread Starter eafadmin

    (@eafadmin)

    Chris, thanks for your reply.

    http://www.engineeringafuture.com/brian/

    I added those div tags, but as you can see, it is still not quite working (the div tags enclose the “Hobbies Outside EAF” section).

    I can continually resize the image until it just so happens that the size forces the Hobbies section below the image, but this feels like a shotty temporary fix.

    Also, when I am looking at the page in the page editor, in order to have it where it is (where the “Hobbies Outside” line is right next to the picture base…not what I want; just for demonstration), in the editor the “Industry Experience” line is right next to the picture base…so there’s some kind of funky offset between editing and publishing.

    Any ideas?

    I see what you mean.

    In the past, when I’ve created these sorts of pages, I would make a custom post type for it, and a template for the custom post type. You can then position the content on the page exactly where you want it since each section would be automatically divided into ‘<div></div>” tags. You can create a “hard break” using CSS so that no matter how much content you have, you can control what stays where.

    One thing to consider is with the large amount of text you’re putting to the right of the image, is if there’s a better way to organize it so that you can standardize the display of it a little easier. I run into this issue all the time with designs I develop for, and sometimes, you just have to change up the layout. There are a lot of great examples here.

    Hope that helps!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Break Image Text Wrap’ is closed to new replies.