Column min-height

[kstidham]

I am having an issue getting two columns to have an identical min-height. I have created a class and put it in the main css in the customizer and then assigned the class name to the class field in the columns customize properties. It did nothing. I then entered the css in the inline editor under the columns customize and left the class id in the class field. I still get no change. What am I doing wrong? Please advise. Thanks.

[nabeel]

Hi there,

Thanks for writing in! The procedure you followed is correct and it should work, please make sure to clear all caches (cache plugin + browser) and see if this resolves the issue. If it doesn’t then try this:

First add the following code in your child theme’s style.css file:

.custom-column-height {
    min-height: 800px !important;
}

Then assign custom-column-height class to both of your columns, save your edits. Clear cache and check your page. There could be a syntax error in your code or in the Theme Options > CSS. section which could be preventing the code to work.

Or you can enter the following code in the Element CSS of your columns:

$el {
  min-height: 800px;
}

Hope this helps!