In this tutorial, I show you “How to vertically align text, images or other modules or contents in a raw of Divi”.
Unfortunatly we have not a nice button that do the dirty job fo us but, don’t worry, it is very easy!
We have 2 simple things to do.
1st Thing
In the raw of Divi there is the function called: “Equalize Column Heights”. Active it!
(See the image)
2nd Thing
When you have done enter in “Advanced” tab of your raw and add in the “Main Element” this code:
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
Enjoy your new layout!