How to Vertically Center Text in Divi

by | Mar 22, 2020 | Divi Tutorial | 9 comments

In this tutorial, I’ll show you how to How to Vertically Center Text in Divi and more importantly, how to make it automatically center when you click the “Equalize Column Heights” option in Divi.

To create a Vertically Center Text in Divi follow these simple 5 steps:

  1. Add the snippet of CSS Code below to your Custom CSS area or child theme stylesheet
  2. Open the Row settings
  3. Click the Design Tab
  4. Select Equalize Column Heights
  5. Click Save

Then you’re done! Easy peasy.

Here’s the CSS Code to add first:

.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
}

Be sure to add this snippet of CSS to your Custom CSS area or Child Theme Stylesheet. Then just select the Equalize Column Heights option as shown below!

 

The method shown in my previous tutorial on How to Vertically Align Content in Divi is still relevant but this is a much quicker way to center align text and modules in Divi. I recommend saving this snippet of code for all your Divi sites moving forward!


Links & Helpful Tutorials mentioned:

Recommended Courses:

Download Your FREE Fullwidth Divi Section Layout!

If you don't yet have an account on my site, create one then download this along with all other current and future freebies 🙂