How to vertically align text, images or other modules or contents in a raw of Divi

by Jan 19, 2020Projects, Tutorials0 comments

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;
Enjoy your new layout!