[Resolved] Container alignment

Home Forums Support [Resolved] Container alignment

Home Forums Support Container alignment

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1632576
    Matthieu

    Hello, I have a “Custom HTML” container which is not aligned with the others even though it has the same margins as the others. How is it possible ?

    At the bottom of the page you can see that there is a container that is not aligned with the others, it is on the right and slightly down.

    Thanks

    #1632643
    David
    Staff
    Customer Support

    Hi there,

    See your CSS which should unset the left margin on the UL element:

    .accordion {
        padding: 0;
         margin: 0 auto;
        list-style: none outside;
    }

    the  margin: 0 auto; is not working – looks like a bad space character preceeding it. Fix that and the UL should align.

    #1632888
    Matthieu

    Ah yes you had to see it .. 😁
    Thank you very much, it’s perfect!

    #1632898
    Matthieu

    On the other hand I see that it is not aligned on the height (On the same line as the container “F.A.Q”)

    How it is possible ?

    #1632981
    David
    Staff
    Customer Support

    The UL is aligned, but each of the list items is a label element with its own Top Padding (30px) – as you can see from its CSS:

    .accordion-item-hd {
        font-family: poppins,serif;
        display: block;
        padding: 30px 30px 15px 0;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
    }

    Simplest fix would be to include 30px of top padding to the FAQ Title.

    #1632988
    Matthieu

    Awesome ! Thank you so much

    #1633009
    David
    Staff
    Customer Support
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.