Bottom Aligning column items

Support
#1

Hi, I would like to bottom align all items in columns of a row. its ok when only the buttons are button alligned with the end of the row.
See screenshot here: https://screencast.com/t/oHrxP0adlo

How can this be done pls?

#2

Hello There,

Thanks for writing in! To resolve your issue, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

(function($){
  $(window).on('load resize', function() {
	var max = 0;
	$(".x-section").each(function(index, el) {
		var element = $(this).find('.x-feature-box');
		if( element.height() > max ){
			max = element.height();
		}

		$(this).find('.x-feature-box').css('height', max);
	});
  });
})(jQuery);

Hope this helps. Please let us know how it goes.

#3

This worked! :slight_smile: thank you very much.

one more thing: i have the same setup of 3 elements on the home page.
see here: https://screencast.com/t/bdQiqp2Xc

I dont understand the jquery code and hence i am not able to replicate the effect on the homepage too.

can you have a look pls?

Thanks in advance! you are a star!

Gerald

#4

Hi Gerald,

The code finds each feature box element on your section and then get the tallest feature box. It then set the tallest feature box height on each feature box available. The same code is working on your homepage. It is not aligned because of the text above the feature box. As you can see your headline and text element above those feature box on your homepage has different number of lines thus the feature box element did not start aligned. See this: https://screencast-o-matic.com/watch/cb6XhgIEhO
The moment those headlines and text have the same number of lines, feature box start on the same lines thus aligning the button below it. You may want to move all those feature box on another ROW so it will be aligned without editing the headlines and text.

Hope this helps.

#5

Thank you very much Lely! :slight_smile:

#6

Glad to hear we managed to help!