Avada Forums Community Forum Checklist spacing issue

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • mathqc
    Participant
    Post count: 3

    Hello there,

    I have an issue with many checklists on my website.

    Everything was fine few weeks ago.

    The first line is perfectly align with the icon on the left. But after that, there is a vertical spacing between each icon. You can see that on this page : http://www.djbuffalo.com/location/

    http://www.djbuffalo.com/location/

    joceylnshz
    Participant
    Post count: 1

    I was having this problem too but finally figured it out. I had formatted the text of each item as H3 or H4 fonts. The lines will appear correctly if you switch it to paragraph format.

    stricklinb
    Participant
    Post count: 3

    And what do you do if you want the text larger than paragraph format?

    POSH_GmbH
    Participant
    Post count: 2

    have that also, would like to use heading tags too, pls fix.

    mariustatar
    Participant
    Post count: 1

    came across this thread while searching for the solutions to the same problem. did anyone find a way to fix it?

    julian.coquin
    Participant
    Post count: 1

    I was facing a similar issue with the Checklist component. I found the only way to center vertically the icon with many lines of text is adding the following custom CSS:
    .fusion-li-item{
    display: flex;
    align-items: center;
    }
    Please make sure to add a CSS name to your Column or Container to avoid another issue becasue it will be applied to all your checklist components in your page or in another way add more CSS classes to your selector definition. For example, to apply this in my footer I defined the following selector .fusion-footer .fusion-li-item{…}

    Liderem
    Participant
    Post count: 2

    I had to do this, but I only have 1 checklist on the site at https://probecas.org/asesoria/ the original padding setting was set at 5.5px for top and bottom.

    .fusion-checklist .fusion-li-item, .fusion-checklist.fusion-404-checklist>li, ul.fusion-checklist .fusion-li-item, ul.fusion-checklist.fusion-404-checklist>li {
    padding: 0px 0;
    }

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