Divi Align Module to Bottom

1 Comments

·

March 9, 2018

When trying to align content to the bottom of a column, use flex.

<ol>
 	<li>Make sure your row has the <strong>equalize heights</strong> option turned ON.</li>
 	<li>In the <strong>column</strong> you wish to align the module to the bottom, add in the custom CSS box:
display: flex;
flex-flow: column;</li>
 	<li>In the <strong>module</strong> custom CSS box add:
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;</li>
</ol>

To align the content to the bottom or top just change the css in step 3 to:
justify-content: flex-start; (for top)
justify-content: flex-end; (for bottom)

Thanks to Hædworm for this tip!

1 Comment

  1. Jan

    Thank you!! Works perfectly!

    Reply

Leave a Reply to Jan Cancel reply

Your email address will not be published. Required fields are marked *