[Support request] Fix bullet indent on items where text wraps around image

Home Forums Support [Support request] Fix bullet indent on items where text wraps around image

Home Forums Support Fix bullet indent on items where text wraps around image

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1679101
    jasper

    Hello,

    When I have bulleted text that wraps around an image, the bullet points are indented like they are in a regular paragraph. Is it possible to fix that?

    Example – when there is an image to the left and the text is wrapped around it, it looks like this –

    Title (is indented for some reason and we don’t want it to be)
    – Top level topic 1
    – Indent 1
    – Indent 2
    – Indent 3
    – Top level topic 2
    – Top level topic 3
    – Indent 1
    – Indent 2
    – Indent 3

    And it should look like it does in a regular paragraph without image wrap.

    Title
    – Top level topic 1
    – Indent 1
    – Indent 2
    – Indent 3
    – Top level topic 2
    – Top level topic 3
    – Indent 1
    – Indent 2
    – Indent 3

    Here is a test page in the private information section –

    Thank you so much!

    #1679212
    Leo
    Staff
    Customer Support

    Hi there,

    The username and password didn’t work for me.

    Please confirm.

    Thanks!

    #1679221
    jasper

    I am sorry – I thought I tested it. Please try this.

    #1679290
    Ying
    Staff
    Customer Support

    Hi Jasper,

    Have you tried using column to achieve the layout?
    The current structure of your content is causing the issue.

    #1679493
    jasper

    Hi, Ying –
    I was trying to use just a regular editor window so that the client would have an easier time updating it themselves later.

    #1679497
    Leo
    Staff
    Customer Support

    Using columns as Ying suggested would be the best solution.

    The current structure of the image being wrapped inside the <h2> isn’t very normal.

    #1679502
    jasper

    You are right – the h2 should not have surrounded the image – that was by accident. I have removed the h2 tag completely, but the indentation with an image there still causes the indentations to be different. I am not seeing any extra code around the bullets.
    Thanks!

    #1679505
    Leo
    Staff
    Customer Support

    This is because that image is using float: left;, it is fixed when I remove the float:
    https://www.screencast.com/t/yjvoZf3yUO

    Using columns is the best solution here.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.