Bij een greep uit ons assortiment zijn de onderstaande blokken niet even groot/hoog, deze wil ik aanpassen met min-height in de css. Alleen weet ik niet precies wat in in de css moet zetten.



Wat moet ik precies in de CSS zetten om de blokken altijd gelijk te hebben? Ze verschuiven namelijk omdat de tekst per product soms groter is.

min height is een minimale hoogte... als je die op bijv. 350px zet zijn de blokken dus 350px hoog of hoger...

Wat ik graag wil is dat de 4 boxen in hoogte gelijk zijn. Dat verschilt nu omdat het ene product wat meer tekst heeft of een langere titel. Dus als iemand een tip heeft hoe dit te doen. Ik werk met OpenCart 2.0.1.1

Zonder link valt er niks zinnigs te zeggen. Geef de blokken een hoogte mee of plaats er een div onder met clear: both; dan worden de blokken ook even groot.

Of geeft de title een min-height.. dan worden de lijstjes onder de title ook nog mooi uitgelijnd

Klik voor de site.

iemand die dit voor mij zou kunnen doen?

Kan je met jQuery doen. Plaatsen een wrapper om de blokken

Code:

	<script>
		$(document).ready(function() {

			var wheight = $('.blockwrapper').height()+20;

		    $(window).resize(function (){

		        $('.blockclass').css('height', wheight+'px');


		    });
		    $(window).trigger('resize');
		});
	</script>

Dank voor je bericht maar ik heb daar geen ervaring mee