Button Align

[bigdreams]

Hallo,

I need help on unitedsportsmanager.com

i have tried for minutes to have the button arranged like the text.
max-width: 24 REM
Margin left and right: auto

but it doesn’t work… can you please help me fix it.

thank you!

[friech]

Hi @bigdreams,

Thank you for writing in, are you trying to center the button? There is an easier way to do that. Please add a nested Row Element inside your Column. Then set the Text Align option of that nested Row to center.

And then drag your button inside that nested Row and your button will be center

Hope it helps,
Cheers!

[bigdreams]

Yes this works — but I don’t want it centered. I want it aligned left like the content is.

To be same on every device.

thanks

[ruenel]

Hello @bigdreams,

Thanks for writing in!

Please edit your page and click on the button element. Find the “Customize” tab and insert this css code in the Element Css:

$el {
    display: block;
    max-width: 24rem;
}

Hope this helps. Kindly let us know.

[bigdreams]

Wow much better — but I still have the Problem now that the Button is Stretched to the max width - I would like to have the size like before…

i also recognized (I don’t know if from now or before to) that the bottom border of the last Column is a little big bigger (see picture, white border) — It isn’t set up… where doest it come from?

thank you!

[ruenel]

Hello @bigdreams,

If that is the case, please remove this code:

$el {
    display: block;
    max-width: 24rem;
}

And replace it with this code instead:

$el {
     margin-left: calc(calc(100% - 24rem)/2) !important;
}

Please let us know if this works out for you.

[bigdreams]

yes awesome… perfect!

have you also found the bottom border issues? (picture above)

thank you!

[rad]

Hi @bigdreams,

You’re welcome!

The bottom border has the same thickness as the other you can also confirm your screenshot. Perhaps it’s due to illusion of blurriness within the screen and pixel alignment.

Thanks!