To align the buttons at the bottom of each column, go to the “Row Settings” as you see below.
Now go to each column’s settings, and the click on “Advanced” tab & then “Custom CSS.”
And write the following two lines of CSS to the “Main Element” of each column.
display: flex; flex-direction: column;
As mentioned, you have to do this for all your columns. In my example, I have 3 columns and I did the same for all 3 columns. And only with the above two lines of CSS, my columns look like the screenshot below.
Anyways, you are done with the column settings.
In the next step, go to each button setting and click on the “Design” tab, and click on “Spacing” as you see in the screenshot below.
Only for the “Top Margin” write “auto” and do this for the rest of the other buttons.
That’s it! This will place your buttons at the bottom of each column.
With this CSS, my columns & buttons look like the following screenshot.
If you still have any confusion, please check the video instruction below.
If you still have any questions or confusion, let me know.
I tried to explain and show you everything in the easiest way possible. I hope it will help you to align buttons at the bottom of each column in your Divi theme.