[Resolved] Container alignment

[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

[David]

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.

[Matthieu]

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

[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 ?

[David]

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.

[Matthieu]

Awesome ! Thank you so much

[David]

You’re welcome

[Author]

Posts