Icon list alignment if 2 lines of text

  • Snapshot

    I searched for it, there are several issues on this, but the bug is still not fixed.

    Whenever I use two or more lines of text, the icon is not aligned.

    Please check and suggest a solution

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

  • Hi,

    I have checked the provided screenshot and want to let you know that this is a known bug on our end. It has been reported to our developers, however, I’m afraid I don’t have an ETA for a fix.
    As a temporary workaround, you can try to edit your Icon List widget and add this Custom CSS code in the advanced tab:

    selector .elementor-icon-list-icon {
align-self: flex-start;
margin-top: 3px;
}

    I hope this helps.

    Thread Starter sreejan1508

    (@sreejan1508)

    Hello

    I did as you mentioned but still its not fixed.

    Hi There,

    Please try once again by adding the below code via Dashboard > Appearance > Customizer and see if it helps.

    .elementor-icon-list-icon {
    align-self: flex-start;
    margin-top: 3px;
    }

    Thread Starter sreejan1508

    (@sreejan1508)

    I tried it.
    The icon of the first point is still not aligned

    Here are two snapshots

    Snapshot 1

    Snapshot 2

    Hi There,

    Thank you for getting back to us.

    I am sorry but I am not able to replicate the issue on my end. However, please try adjusting the “Size” and the “Vertical Position” of the icon which might help via the Edit Icon list widget > Style > Icon as shown here: https://i.imgur.com/knmblaL.png

    If that doesnot help please provide us the URL so that we can take a look.

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Icon list alignment if 2 lines of text’ is closed to new replies.