7. Equal Heights (advanced)

By default, height of the container is defined by the amount of content (text, images…) it contains. In example, if you have a row with multiple modules and they have background and/or border set, they will look uneven if they have different amount of content. This is feature is useful if you want to equalize heights of multiple module boxes in a row, especially when they have background and/or borders set.

To activate this feature, enter the class names (without dot in the beginning of class names) of the rows where you'd like to equalize the heights of the .cell containers (modules are inside them) into the Row Classes for Equal Heights pane. If you have more than one class, separate the row classes with commas, in example “class1,class2”.

You can distinguish a row from the others by adding a class to it in the Row Settings (read about this in the Layout section).

You can also use this feature for other elements, in example in your content page. All you need is to keep this HTML structure: