Text does not wrap around images with captions

  • Unknown's avatar

    Hi

    Using an adaptation of Twenty Thirteen, we have built a nice site for our museum (still on dev server, so I can’t share the link). Even if I say so myself it is looking good, with one exception.
    We have some small images of artefacts which we need to caption. However, we would like the surrounding text to wrap the images – one left, another right. This is a functionality I need going forward as visitors’ photo are rarely going to be shown at full page width.

    I have two potential workarounds, neither of which is acceptable:
    If we turn the captions off, the text wraps, but no-one knows what they are looking at
    Put the image and surround text in a table, but this looks stilted; we want the text to flow around the image, not merely sit to the side.

    Please help us find a way of making the site work.

    Many thanks

    Michelle

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Using an adaptation of Twenty Thirteen, we have built a nice site for our museum (still on dev server, so I can’t share the link)

    Sorry but you are in the wrong place.
    These forums are only for blogs/sites hosted by WordPress.com

    WordPress.COM and WordPress.ORG are completely separate and different http://support.wordpress.com/com-vs-org/

    And you should ask in the WordPress.org forums.
    http://wordpress.org/support/

    If you don’t have a username on the ORG forums, you’ll need to register one there.

    Cheers

  • Unknown's avatar
  • Unknown's avatar

    No sorry, the blog I am looking for help with is not the one listed. It is a wordpress.com blog, I am not the developer, hence the confustion

  • Unknown's avatar

    No sorry, the blog I am looking for help with is not the one listed. It is a wordpress.com blog

    What is the URL (https://…)?
    You said

    Using an adaptation of Twenty Thirteen, we have built a nice site for our museum (still on dev server, so I can’t share the link). Even if I say so myself it is looking good, with one exception.
    We have some small images of artefacts which we need to caption. However, we would like the surrounding text to wrap the images – one left, another right. This is a functionality I need going forward as visitors’ photo are rarely going to be shown at full page width.

    I have two potential workarounds, neither of which is acceptable:
    If we turn the captions off, the text wraps, but no-one knows what they are looking at
    Put the image and surround text in a table, but this looks stilted; we want the text to flow around the image, not merely sit to the side.

    Please help us find a way of making the site work.

  • Unknown's avatar

    I am confused I thought wordpress.com is the ‘free’ online system. The post I am having problems with is this one:

    Images from a warming planet

    You can see I have had to resort to tables to align my text and it looks dreadful.

  • Unknown's avatar

    I tagged this thread with “modlook” for staff assistance.
    Be patient while waiting. :)

  • Unknown's avatar
  • Unknown's avatar

    Hi Michelle,

    Can you create a draft version of the original post without a table, so I can see how the text is behaving?

    Once you’ve done that, I’ll take a look.

    Thanks!

  • Unknown's avatar

    Thank you Gemma

    I have created a draft at this location

    http://wp.me/p3ypB4-Jp

    However, the text is now wrapping. I have changed theme since I published the first post – might that make a difference?

    At the same time, it is not as I would want it as the first two pictures should not be next to each other. I have added a bunch of &nbsp marks and can’t stop this happening. Until I have the text alignment issue again, could you help me with this issue, please?

    Many thanks

    Michelle

  • Unknown's avatar

    Thanks Michelle! I’ll look into what could be causing this.

    I have changed theme since I published the first post – might that make a difference?

    Which theme were you using to start with?

  • Unknown's avatar

    Hello and sorry I took so long to respond. My previous theme was Pique Cafe.

  • Unknown's avatar

    Hi Michelle,

    we want the text to flow around the image, not merely sit to the side.

    When I looked at the contents of the post in the HTML tab of the editor, I found lots of space characters:

    & nbsp; 

    The presence of these was causing the text not to wrap around the images; once I removed them the text start wrapping. Did you add them so that the text would sit next to the corresponding photo?

    When you align an image left or right, the text will flow around it. There isn’t a way to choose which text wraps around which image — this behaviour is the same across all themes.

    Do you have any example of the sort of layout you wish to create?

    Let me know your thoughts.

  • Unknown's avatar

    I have made a test page

    https://michellespaul.wordpress.com/?page_id=2841&preview=true

    with two images both left aligned. My experience is that adding a caption to an image stops the text wrapping. But inconsistently. I am rather disappointed to see it is wrapping okay in the test.

    On the page you looked at, I had used   to align text with images. I don’t have an example of that other than the post I sent you already. And the real problem is the intermittent text wrapping.

    Thank you m

  • Unknown's avatar

    Hi Michelle,

    My experience is that adding a caption to an image stops the text wrapping. But inconsistently.

    I think this partly depends on where the paragraph begins when the text is wrapped. The captions have some invisible margin at the bottom to create some space between that and the rest of the text:

    https://cloudup.com/c6npJmgdu4z

    That combined with paragraph breaks can cause some gaps — making it looks like the text isn’t wrapping. Also, if you have a couple of left/right aligned images close together, it can create an area where the text cannot wrap.

    I looked at the example link and the text is wrapping, as you say :)

  • Unknown's avatar
  • Unknown's avatar

    You’re very welcome!

  • The topic ‘Text does not wrap around images with captions’ is closed to new replies.