Flip Card Element SAME Height

[amdprofi]

i need the same height for all flipcard elements.

look at my site: http://galabau.destec.me

thank you

[rad]

Hi Uli,

Thanks for reaching out.

Please check this related thread https://theme.co/apex/forum/t/custom-javascript-for-equil-height-flip-cards-changes-cornerstone-preview/32507/3 and implements the code to your builder’s JS.

Thanks!

[amdprofi]

hey, i put the code to my builders js, but nothing happens…

function card_fix_height () {

var max = 0,
mobile = jQuery(window).width();
if ( mobile > 767 ){
jQuery(".staff-section .x-card-inner").each(function(index, el) {
if( jQuery(this).height() > max ){
max = jQuery(this).height();
}
});
jQuery(".staff-section .x-card-inner").css(‘min-height’, max);
}

}

jQuery(window).resize( card_fix_height ).load( card_fix_height );
jQuery(document).ready ( card_fix_height );

whats wrong?

[rad]

Hi Uli,

The code may not work within the builder preview since each preview element are isolated to each other, but should work on actual page.

And you’re missing the class, staff-section , it should be added to each row’s class where your card is.

You can change the class staff-section to your preferred one, but you should change that in the code to match it.

Thanks!

[amdprofi]

perfect. thank you

[rad]

You’re welcome!

[amdprofi]

how its possible to adjust the image to the half card-size?

thx

[christian]

Hey Uli,

That is not possible to achieve superficially with code so you will need to crop your images in an image editing program to match the half size of the card or container.

The snippet that makes the card or column the same height was meant to achieve equal column height due to different lengths of text. Images are usually added or uploaded the same size designed to be used for the columns.

Thanks.