Pagebuilder - Button alignment in a column

[Leopart]

Hi there,
hopefully you enjoyed your holidays

I’ve sorted out my Landingpage and want to center the Button or fullwidth below the classic raw-content but i don’t really know how it work.
I’ve thought with the Content-Flex Layout" it works, but i don’t change anything, only if i set the whole column to align=“center” but it alos change the Heaqdline “Veranstaltungen” above both.

Please help me and explain me how it works

[christian]

Hey @Leopart,

The fastest way is to set the contents of a column to center.

The Button’s flex option is for its content.

Thanks.

[Leopart]

Hey,
but it looks strange with the Headline “Veranstaltungen”

Any other solution for this?

[christian]

You can left align the headline using its text align option.

To center the button alone, you need to do the following

• Set a width

• Set the right and left margins to auto

• Assign a class

• Add this code to your Content CSS. If you will use this setup in other pages, add it in Appearance > Theme Options > Global CSS.

.display-block {
  display:block
}

Hope that helps.

[Leopart]

Works nearly flawless the last solution, but a last Question i how fix the mobile view?
Now the text is cutting of while of the 50%

[rad]

Hi there,

Please add this CSS as well,

@media ( max-width: 767px ) {
.display-block {
width: auto !important;
}
}

Thanks!

[Leopart]

Sometimes it can be soooooo easy,

Thank you again for another awesome help with my problems @Rad.

Kind Regards form Germany!

[christian]

You’re welcome