Flip Cards - Same Height

[RobSteward]

I’ve checked and tried to apply
~/forum/t/custom-javascript-for-equil-height-flip-cards-changes-cornerstone-preview/32507
~/forum/t/classic-cards-flip-cards-same-height/19876

But no luck. Domain is https://urban-conversations.com/. Screenshot attached:

JS and CSS have been applied:

@media (min-width: 768) and (max-width: 979px) {
	.questions .x-face-content {
		padding: 0 !important;
	}
}

function card_fix_height () {

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

}

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

Some help would be much appreciated.

[tristup]

Hi Robin

Thanks for reaching out.
Regretfully, currently, there is no such option to make the size of the cards the same. The Card element flow with the content, you can make similar sizes card only by adjusting the content lengths. You can try by adding some extra spaces using the break tag <br> to the card content, which has smaller heights.

I would also recommend you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where the customization questions are answered.

Thanks