Align button on bottom of column, text align at top

Support
#1

Hi, is it possible to align the text on top of a column (as usual) and buttons align at the bottom (regardless the amount of text)?
I tried to follow your advice from the request https://theme.co/apex/forum/t/buttons-align-at-bottom-of-column/24292, but it does not seem te work for me. But perhaps I did something wrong.

It is about the 3 colored columns with the button ‘meer info’.

Additional question, if this is allowed - to align the green line of text (seperate text items) (first 3 columns with icon - header - text and green line of text) all at the bottom of the columns.
Perhaps I can treat this the same??

https://liesdesign.nl/TESTSITE/

Thanks in advance for helping me out.

#2

Hi There,

Thanks for writing in! Please refer to the following thread for a possible implementation (https://theme.co/apex/forum/t/buttons-align-at-bottom-of-column/24292).

Hope that helps.

#3

Thank you for your quick respons, but as I stated above, it doesnot work for me. There is a lot of info in that topic, and different suggestions. And I am not a coder … :frowning:
I will work it through again and hope it works this time.

#4

It worked for one site.
But not for this one: https://stichtingpassiegron.org/

Could you please advise?

The row has it CLASS: flex-me

Put this CSS in:
.flex-me .x-container.max {
display: flex;
flex-wrap: wrap;
}
.flex-me .x-column {
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;
}
.flex-me .x-column .x-btn {
position:absolute;
bottom:0;
}

Thanks for your help! I very much appreciate it :slight_smile:

#5

Hey @lvandeemter,

When I checked the buttons are all lined up even in different screen sizes.

Please clear your browser’s cache then check again.

Thanks.

#6

Hi Christian, thanks for your remark. I was working on them again and I found another way of working.
I could not make it work with the upper CSS.

#7

Let us know if you need further assistance!

1 Like
#8

this solve it for me too:

1 Like
#9

Glad to hear it.

Cheers!

1 Like
#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.