Archived topic
Container alignment
6 replies · Started by Matthieu on January 25, 2021
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
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.
Ah yes you had to see it .. 😁
Thank you very much, it's perfect!
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 ?
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.
Awesome ! Thank you so much
You're welcome
