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

Need help with WordPress or Elementor?
I’ve made it easy to schedule a LIVE Zoom Call with me.

Courtesy elementorcodes.com, 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;
}