Independent Publisher 2 Wrapping text CSS question

  • Unknown's avatar

    Hi,

    I am using the Independent Publisher 2 theme.

    When I left-align a photo so that the text wraps around it, it works fine as long as the photo is inserted at the beginning of a paragraph. However if I try to insert a photo that is left-aligned towards the middle of the paragraph, it adds a gap within the paragraph between the line before and after the photo.

    Here is an example:

    https://patganahl.com/2018/07/05/here-is-the-title-2/

    Is there a CSS customization I can add to get rid of this gap within the paragraph?

    Thanks!

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

  • Hi,

    Working with the Independent Publisher 2 theme:

    Would it be possible for you to insert the image and selecting the “no alignment” option?
    This appears to decrease the gap you’re mentioning. However, this does mean the text doesn’t wrap around the image.

    I’ll also add the modlook tag to this post to check if there is another way of achieving what you’re looking for.

    Hope this helps :)

  • Hi there,

    This is no way to prevent this with CSS, as it’s not a CSS issue, it’s an HTML one.

    When you enter an image in the middle of a paragraph like that, the image is automatically rendered as if it’s a separate paragraph in the published version of the post that loads in your browser. You can see what I mean in this browser inspector screen shot for your example post:

    https://cloudup.com/cS5cev6d1tE

    I don’t know of any way to make text wrap top and bottom of the image like in a word processor, using HTML instead. HTML code works very differently from the Rich Text Format word processors like MS Word or Apple Pages use, so the some things you can do in a word processor might not work on a website.

  • Unknown's avatar

    Thanks to both of you for taking a look. I kind of figured that this might be the case and appreciate someone much more literate than me confirming this – thanks!

  • The topic ‘Independent Publisher 2 Wrapping text CSS question’ is closed to new replies.