Equal length column

[zero_to_one]

Hey there,
I’d like to make this height equal

Screenshot

thanks for your help!

[basanta]

Hi @zerotoone.de,

Thanks for writing in!

Please add a class to the columns that you want to be displayed with equal height then try this code in the custom JS panel:

jQuery(document).ready(function($) {
	var max = 0;
	$(".equal-column").each(function(index, el) {
		if( $(this).height() > max ){
			max = $(this).height();
		}
	});
	$(".equal-column").css('height', max);
});

Use the class equal-column to the columns.

Hope this helps.

[zero_to_one]

Thank you, wasnt there a way to do this in css? had this question a few months ago

[rad]

Hi @zerotoone.de,

It’s not possible with just CSS based on the current structure. It has no capability to check other column’s height. It would work with table styling, but that’s how the existing marginless column works, it works as a table cell so they have equal height. But given that your column has box styling and spacing then margin-less column isn’t good for that setup.

Thanks!