HowTo: Align the last item to the bottom of an Elementor column

Courtesy, here’s my current preferred method for aligning the last item in an Elementor column to the bottom of the column:

The following assumes you have Elementor Pro as it utilizes the selector “magic” CSS selector.

First, select the column(s) where you want your last item aligned to the bottom.

Second, add the following to the “Custom CSS” editor under the Advanced tab:

selector > div > div {
        flex-direction: column;

selector .elementor-widget-wrap div:last-child {
        margin-top: auto;

← Previous post

Next post →

Leave a Reply