Home>Support>Equal height of the content in row’s columns

Equal height of the content in row’s columns


Thanks for great layouts and other plugins!

I’m using a visual editor. I can set a row with for example 5 columns. I want to add seperate background color to each column and aslo different texts (which are not equal in length). As a result I will obtain 5 colorful columns with different heights in one row. How to change them to have equal heights (but not using a fixed height, for example 100px)? Is there any other way? “Height x%” doesn’t work. Fixed pixels are not good, because after the site resizing, texts are higher than columns (for instance in the tablet mode).

Thanks for any answer!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 3 years, 7 months ago Andrew Misplon Hi, I Work Here

    Hi Y

    Thanks for your support. Hopefully, you’ve made progress since posting.

    There isn’t a way to do this in Page Builder at the moment but you could use something like: https://wordpress.org/plugins/equal-height-columns/. Once activated, at SettingsEqual Height Columns I assigned a selector of:


    I then edited each Editor widget, clicked Attributes on the right and gave each widget a class of:


    No period before the class when adding as Widget Class.

    Hope that helps.

  2. 3 years, 6 months ago yomo_1234


    Yes, I managed to somehow set it without the plugin. However, the plugin is superior over mine solution, so thanks for sharing!


  3. 3 years, 6 months ago Andrew Misplon Hi, I Work Here

    Super :) Glad you’ve made progress. All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More