Positioning

The Positioning subsection aligns child elements inside a container. It applies to blocks that contain other elements (Shape, sections, carousel, button…) and decides where their children sit vertically when the container is taller than its content.

Vertical alignment of the content

Three options:

• Top: aligns the content at the top of the container (default value).
• Middle: aligns the content vertically in the middle.
• Bottom: aligns the content at the bottom.

It's notably useful for vertically centering a heading in a tall section, or anchoring an icon row at the bottom of a card.

Horizontal alignment of the content

Elements that lay out their content in a row (Navigation, Mega menu, social networks…) also offer a Horizontal content alignment setting:

• Left: aligns the content to the left.
• Center: aligns the content in the center.
• Right: aligns the content to the right.
• Spaced, Spaced (around), Spaced (evenly): distribute the items across the available width, with space between them, around them or of equal size. Spaced is the default value for these elements.

Reset

The Reset settings button clears the custom alignment to revert to the default behavior (top alignment).