Making columns even height

[fatcatgraphics]

Hi, I have columns on my homepage here: https://palilastudio.com/

The ones with the pricing in the boxes. How can I push the pricing boxes to the bottom of each columns so that they all line up evenly?

Thanks
Rena

[retrovative]

@fatcatgraphics - I read something about this on the KB last night. Here’s the link: https://theme.co/apex/forum/t/code-snippet-make-all-columns-equal-height/272.

HTH,
Jeff

[fatcatgraphics]

Thanks for that. Unfortunately it didn’t work

[3u_magoo]

Hi @fatcatgraphics - I got this one and it works (for me anyhoe) just check out this link:
equal height columns

Glad to be of assistance.

[ruenel]

Hello There,

Thanks for posting in! The code snippet did not work out for you because you have a different set up. To resolve your issue, please do the following.
1.) Edit your page in Cornerstone.
2.) Add a custom desc-text class in the text elements that holds the description of your prices.
3.) In cornerstone custom js section, Custom JS, insert the following custom js code

(function($){
	$(window).on('load resize', function(){
		var max = 0;

		$(".flexmethod").each(function(index, el) {
			$(this).find(".desc-text").each(function(index, el) {
				if( $(this).height() > max ){
					max = $(this).height();
				}
			});
			$(this).find(".desc-text").css('height', max);
		});
	});
})(jQuery);

This code will only work upon loading and resizing the page and only if you properly set up the classes as I instructed.

Please let us know if this works out for you.

[fatcatgraphics]

Thank you, I couldn’t get it to work unfortunately. But I figured out a work around.
Thanks

[nabeel]

Glad you’ve sorted it out.

Cheers!