How to equalize column heights in Divi?

Getting your columns to be equal heights in your Divi Theme is quite simple to do, but there is a common mistake that people seem to be making that results in un-equal column heights. That mistake is to add the background color to the modules within your row, rather than the columns within the row itself. To equalize your Divi columns you need to set the background color on the row columns and not on the modules within the columns. As the name suggest the equalize column heights does just that, rather than equalizing the modules that sit within the columns.

equalize column heights in divi theme

Steps to equalize Divi columns height

  1. Create a row and go to the advance design settings tab. scroll down to the “equalize column heights” option and change the option to “yes”
  2. In the rows advanced settings scroll down to “column 1 background color” option and set your color
  3. Repeat step to for how ever many columns you have in the row (or those columns you want to equalize).
  4. You column backgrounds will now be equalized

Watch the video below to see how the equalize column heights in Divi works with background colors set on the modules and then (the correct way) on the row.

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close