Place button at bottom of column

Beaver Builder
1

Hello. I have a row comprising three columns. I want each column to have:

  • an image
  • header text
  • body text
  • a button

How do I get a button to sit flush on the bottom of the column, regardless of how much body text is above it?

2

Hi, set columns to equal heights (BB UI) then set margin-top: auto; on the buttons (custom CSS).
Example here: https://wpdemo4.avanti.fr/fr/tests/custom-columns/

3

Perfect, thank you.

For those who are new to this like me:

First, assign a class name to the modules (here, the buttons), in their respective Settings > Advanced > Class:

my-custom-text

Then, target that ID by writing a CSS rule for it in Beaver Builder’s Tools > Layout CSS & Javascript (note it is preceded by a period):

.my-custom-text {
    margin-top: auto;
}