How to Vertically Center Text in Divi

In this quick Divi tutorial, I'll show you How to Vertically Center Text in Divi.

View the full post with links and resources:

Watch Part 1 "How to Make a Fullwidth Section in Divi" here:

Other important links:

Get 10% OFF Divi Theme with my affiliate link:

The design shown in the tutorial is also available for you as a free Divi layout! Download here:

Want to learn Divi quick? Join my Divi/WordPress Beginners Course:

Want to learn Divi and CSS? Join my Divi/CSS Course:

[ultimatekv]

Very helpful trick. Just saved me from a headache :D Just a bit disappointed that ET has not fixed that issue yet

[billhz]

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

[CharlyDS]

Awesome! One goes from total HTML/CSS to try to "draw" everything in the builder :D But definitely CSS to the rescue. You inspired me with the margin: auto settings (and the equal columns height setting), but I did not use the site CSS, this was for a header with menu etc, and what I did was setting the row CSS to display: flex (and the margin: auto in each column) and it worked perfect too! Thanks!

[MelanieDurette]

Thanks so much for this. It's something I've wanted to do for years and finally just downloaded your template. It works so well! Yay!

[mariannereuter]

Thank you so much! Being a newbie with Divi and having worked with Adobe Muse before this was just the advice I needed.

[tzatzum]

I like it! Keep safe and stay in home!

[Moon.Almoonthe]

Thanks man this code is a life saver :(

[EdKenUK]

This is great, love these kind of videos from you Josh

[ilyas]

I was looking for this. Thanks so much!!

[jonasaeschlimann]

Hello do you know how this can be done? i work a lot with divi but for this case i have no solution: I have two columns, in the left column I have an image that fills the whole screen height. In the right column I have three text modules, the first text module I want align to top vertically the second align in the middle and the last on align to the bottom. Is that possible somehow? Do you have a workaround for this? if I work with padding then it is definitely not right on some screen
8:17 am

[honeywest]

What about aligning it to the centre within a module? I have a text module with two fonts inside. I'm using the divi icons font to have an icon before my heading, and then a heading in a separate font. The divi icon font seems to be aligned to the top, whereas the text is either aligned at the bottom or in the center. It looks disjointed :( How do I get them both to look like they are vertically aligned in the centre?

[elisateruzzi]

hi! I have a button on a cover images. i want to put this button on the center bottom of the image. how may I do that?

[CoralandCoTravel]

Is there a reason why this wouldn't apply to tablet and mobile? It works on desktop size... not the others.

[williamgorelander]

Thanks for the tutorial. I can't believe you have to go through all that just to align vertically. Other page builders there is a button for it (ex. Nicepage). Also it's really easy to do it using css flex (align-items: center). I like page builders because they're quick but often to do something that would be simple via manual coding is a real chore. I'm trying DIVI as a page builder and appreciate some of the professional features, but I find the UI relatively messy and unintuitive.

[Moon.Almoonthe]

It crush my gears why would Divi not set these options available out of the box :)

[sarmadali]

How two rows vertically align on a single section? Is it possible using CSS technique

[jakebolling]

Divi: the only website builder that makes you use custom CSS and a child theme to align basic elements

Seriously, what's the benefit of Divi versus Elementor?

[mudassirmirza]

Hello josh sir,
Many people are giving their course for free like Craig Campbell and Moz Academy to help people while Novel Corona Virus is spreading. I just want to ask you one question that are you also giving your courses free for sometime to help the community.

[Moon.Almoonthe]

But isn't using the theme customize css panel just as you have shown in this video cuts the needs for a child theme?

[lorenzlucin]

This is really awesome. I would like to know josh if you have a tutorial that those text has a 2 button on both side like left and right corner of the text. Is it also automatically center ?

can you make also a tutorial how to make a two button left and right in one column