Making columns even height

Hi, I have columns on my homepage here:

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?


@fatcatgraphics - I read something about this on the KB last night. Here’s the link:


Thanks for that. Unfortunately it didn’t work :frowning:

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

Glad to be of assistance.

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

	$(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);

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.

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

Glad you’ve sorted it out.


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