Same height with Classic Card Element

[amdprofi]

the classic cards should all have the same height. (despite different amounts of text) how can this be done? Thanks in advance. This website is about: https://hebammenhaus-agatharied.de/

(team / hebammenteam)

[tristup]

Hi Uli,

Thanks for reaching out.
The Card elements are individual elements with different heights, to make those in similar height you may need to add the following custom CSS code into the Theme Options > JS.

jQuery(document).ready(function($){	
        var max=0;
        jQuery(".home .x-card-inner").each(function(index, el) {
                       
            if( jQuery(el).height() > max ){
                max = jQuery(el).height();
            }
        });           
        jQuery(".home .x-card-inner").css('height', max);
});

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes, which means we can’t fix it if it conflicts with something on your site nor will we enhance it.

Thanks