Same height for a row

Sorry for the repeated post. But when I tried using the code from other post with the same question it didnt work for me.

I have a section with multiple rows, each row is 2 columns and I want the text box in each column to be the same height.

This is in the Awards Section.

Hello Mark,

Thanks for writing in!

Please try the solution shared in following thread:


Thanks, but that is the one I tried and it wasn’t working for me. Thats why I was posting about this again.

Or I should say it working but I want my texted boxes ( that are filled white to be the same height as the biggest box in the column).

Hey Mark,

In that case, remove the equal-height from the main section and instead assign this class equal-height to each of your rows. You can keep the following code as it is:

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

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.