Classic Card

Support
#1

Hi,

I am using the classic cards under http://www.waschhalle-tuttlingen.de/wissenswertes/

I would like to have the cards all the same height and the picture at the background all the same size.

Can you help?

Regards
Georg

#2

Hey There,

Could you please double check?

Thanks.

#3

Sorry for the late reply. The site is online again.

#4

Hi again,

I’m still seeing the same screen:

Can you please check the page if it exists? or maybe it’s not published yet or password protected?

Thanks!

#5

I am sure it works fine…

#6

Hi again,

Yes it works now, you should try adding the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

function sameHeightSection(section) {
	var max = 0;
	var sections = jQuery(section);
	sections.each(function(index, el) {
		if( jQuery(this).height() > max ){
			max = jQuery(this).height();
		}
	});
	jQuery(section).css({
		'height': max, 
		'min-height': max, 
		'max-height': max
	});
}

jQuery(document).ready(function($) {
	sameHeightSection('div[data-x-element=card]');
});

jQuery(window).resize(function(){
	sameHeightSection('div[data-x-element=card]');
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

#7

Sorry, that isn’t working. Everything is crazy than:

#8

Hi again,

That’s strange, when i paste the code in browser’s console everything works as expected. Try replacing the previous code with the following code:

function sameHeightSection(section) {
	var max = 0;
	var sections = jQuery(section);
	sections.each(function(index, el) {
		if( jQuery(this).height() > max ){
			max = jQuery(this).height();
		}
	});
	jQuery(section).css({
		'height': max, 
		'min-height': max, 
		'max-height': max
	});
}

jQuery(document).ready(function($) {
	setTimeout(function(){ sameHeightSection('div[data-x-element=card]'); }, 500);
});

jQuery(window).resize(function(){
	sameHeightSection('div[data-x-element=card]');
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

#9

okay, we are getting closer.

The Cards seam to have the same height now. However the images don’t.

Thanks for your patient.

Regards
Georg

#10

Hey Georg,

As you can see, this requires custom coding. This isn’t a feature offered in Cornerstone out of the box. What @Nabeel gave serves only as a guide. Further improvements to it and issues arising from the use of it would fall outside the scope of our support as it is not a part of the theme.

We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you.

Thank you for your understanding.

#11

Thank you very much Christian. This is very good to know. I will have another look from my side and eventually come back to your offer.

Regards
Georg

#12

Glad we could help.

Cheers!