How to align buttons on the same height of different text blocks

[TheHomepage]

Hi,

I have different text blocks next to each other on the homepage.
They all consist out of text followed by a button. I would like that the buttons appear on the same height. I tried a solution by putting the buttons in a different text block, but then the order is not respected anymore.

Please see attachment.

Thanks to help out

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I am getting this error at your website Fout bij het maken van de databaseconnectie.
Thanks
Mohammad

[TheHomepage]

Hi, please try again,
Everything should work.

Many thanks,

Liz

[David Martin – Support]

Hi,

Please test this:

.page-id-2 .spb_content_element.col-sm-4.spb_text_column {
    min-height: 300px;
}

.page-id-2 a.sf-button.standard.black.sf-icon-reveal.buttonkleur {
    position: absolute;
    bottom: -30px;
}

Thanks.

[TheHomepage]

Thanks a lot!
Works perfect.

[Mohammad – SUPPORT]

Hi,
Great thanks to David 🙂 .
Mohammad

[TheHomepage]

Hi!

Thanks the code works, but now i translated my site to two other languages and on those languages the buttons are not well aligned anymore. It has to do with the PAGEID.

How can I retrieve the page ID?

Of pages :
http://www.bluecliff.be/en/homepage-en/
and
http://www.bluecliff.be/fr/homepage-fr-2/

Thanks in advance for helping!

Liz

[Mohammad – SUPPORT]

Hi,
Please edit the page in admin and you will find the id there. I have attached screenshot to indicate in admin screen.
Thanks
Mohammad

Attachments:

You must be logged in to view attached files.

[TheHomepage]

Great! Works !

[Mohammad – SUPPORT]

Hi,
You most welcome and glad 🙂 to help you.
Thanks
Mohammad

[TheHomepage]

Hi,

Thanks for helping out earlier.
But the issue is only resolved for desktop.

Please see in attachment to screenshots what happens when the size is smaller. Can you please provide me the code so that all the buttons are ALWAYS WEEL ALIGNED (as on desktop) no matter what the size of the screen is. Especially on ipad it looks really messy.

I have 3 screenshots where it does not look good, so at least for those 3 screen sizes code has to be added.

Thanks in advance,

Liesbeth

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Not really possible because when the screen size changes and the text goes on to new lines the height changes, that’s why the buttons do not always line up. The only way would be to not put the buttons in the same column/text box as the text, but then when they stack on mobile it will be the 3 text boxes then the 3 buttons, instead of text button text button etc

– Kyle