Canvas Support

Div Product clearfix height

2 replies · opened Oct 9, 2017

GgeneraltradeOct 9, 2017

Hi,
i have a need... on the page product i wonder if it's possible to have all the div of the same height... Unfortunately not always the content of the div is the same, and so the height of each element "<div class="product clearfix>" is different...
I have attached a picture that show the problem..

Following part of the code

Best regards

Gianfranco

<!-- Shop
============================================= -->
<div id="shop" class="shop grid-container clearfix" data-layout="fitRows">

					&lt;div class="product clearfix " style="border: 1px solid  rgba(203,203,203,1.00); padding: 5px; margin: 10px;"&gt;
						&lt;div class="product-image"&gt;
							[

attachment
](http://www.happycasastore.it/2018/scheda-articolo/Bilancia-professionale/15393)




</div>
<div class="product-desc">
<div class="product-title"><h3>BILANCIA PROFESSIONALE</h3></div>


</div>
</div>

					&lt;div class="product clearfix " style="border: 1px solid  rgba(203,203,203,1.00); padding: 5px; margin: 10px;"&gt;
						&lt;div class="product-image"&gt;
							[

attachment
](http://www.happycasastore.it/2018/scheda-articolo/Tubo-sostegno/15295)




</div>
<div class="product-desc">
<div class="product-title"><h3>TUBO SOSTEGNO</h3></div>

� 2,2cm l 140-260cm<br>
</div>
</div>

				&lt;/div&gt;&lt;!-- #shop end --&gt;
GgeneraltradeOct 12, 2017

There's any solution to this?
I'll try to explain it better...
I need that all the “<div class=”product clearfix>” elements in a row have the same height (in other words, the height of the div with the max height)

SSemicolon WebSTAFFOct 21, 2017

Hello,

Thanks for your Patience!

This is Definitely Possible with slight customization! Consider using the following code: 


	
		
			
				[
![attachment](images/shop/dress/1.jpg)
](#)
				[
![attachment](images/shop/dress/1-1.jpg)
](#)
				50% Off*
				
					[ Add to Cart](#)
					[ Quick View](include/ajax/shop-item.html)
				
			
			
				[Checked Short Dress](#)
				$24.99 $12.49
				
					
					
					
					
					
				
			
		
	
	
		
			
				[
![attachment](images/shop/dress/1.jpg)
](#)
				[
![attachment](images/shop/dress/1-1.jpg)
](#)
				50% Off*
				
					[ Add to Cart](#)
					[ Quick View](include/ajax/shop-item.html)
				
			
			
				[Checked Short Dress](#)
				$24.99 $12.49
				
					
					
					
					
					
				
			
		
	
	
		
			
				[
![attachment](images/shop/dress/1.jpg)
](#)
				[
![attachment](images/shop/dress/1-1.jpg)
](#)
				50% Off*
				
					[ Add to Cart](#)
					[ Quick View](include/ajax/shop-item.html)
				
			
			
				[Checked Short Dress](#)
				$24.99 $12.49
				
					
					
					
					
					
				
			
		
	
	
		
			
				[
![attachment](images/shop/dress/1.jpg)
](#)
				[
![attachment](images/shop/dress/1-1.jpg)
](#)
				50% Off*
				
					[ Add to Cart](#)
					[ Quick View](include/ajax/shop-item.html)
				
			
			
				[Checked Short Dress](#)
				$24.99 $12.49

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard