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

Equal height of the content in row’s columns

Hi!

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!
Y

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

  1. 5 years, 11 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:

    .col

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

    col

    No period before the class when adding as Widget Class.

    Hope that helps.

  2. 5 years, 10 months ago yomo_1234

    Hi!

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

    Best,
    Yomo

  3. 5 years, 10 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