Can you align buttons to the bottom of a column?

[core365]

Hi, I’m trying to align buttons to the bottom of a column and got the CSS from a previous post, but this splits some of the text onto 2 lines, whereas without the code the text is on one line. Do you know how to correct it so the text for the buttons isn’t split over 2 lines? Here’s the CSS I used:

Please add this code to the element style of both buttons.

$el{
position: absolute;
transform: translateX(-50%);
bottom: 20px;
left: 50%;
}

I’ll put the URL in a secure note as it’s on a temp link.

I’ve included a screen grab to show you the buttons I’m referring to.

Thanks!

[paul.r]

Hi,

You can try adding a min width.

eg.

$el{
    position: absolute;
    transform: translateX(-50%);
    bottom: 20px;
    left: 50%;
    min-width:250px;

}

Hope that helps

[core365]

Excellent!

Thank you so much, that sorted it!

[nabeel]

Glad we could help.

Cheers!