Equal height new V2 healine element

Support
#1

Hi there,

i reproduced an existing section with the new headline element. It should look like the old feature box.

See https://www.wellcoll.nl/test/

How can i get them so that they are equal in height?

tia

Fred

#2

Hi,

Please remove the min-height added to your first column.

Then add this in PRO > Launch > THeme Options > JS

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

Hope that helps

#3

Hi there,

i followed your instructions, but it did not help/

#4

Hi There,

Please also add this custom CSS under Customizer > Custom > Global CSS:

h2.el8.x-text.x-text-headline {
    min-height: 517px;
}
#5

Hi there,

i’ve still no succes. Can you into this matter once more?"

thanks

#6

Hi There,

The link you have shared previously is redirecting to this link now: https://www.wellcoll.nl/test-icon-rij/. Then that page has no headline element and the content is just this:

We have this snippet: https://theme.co/apex/forum/t/code-snippet-make-all-columns-equal-height/272
It is almost the same with the suggested code previously. We just need to change the selector: #x-section-4 .x-column
Change with the class of the element of column where you want to apply same height.