Introduction

It is necessary to align buttons in the Call To Action across multiple columns on a page. One of the ways is to make equal height columns and apply absolute positioning on buttons.

Steps

• The Elementor section is a flex containers. Therefore the columns inside the container are already equal height.
• Select the column which has the most contents that making it to have the largest height. Apply CSS to position the button as usual using position: relative.
• For the other columns, use position: absolute to position the button relative to the container bottom or top.
• For tablet or mobile mode, use media query to change the position absolute back to relative.