Can anyone point me in the right direction of getting these product boxes to become the same height?
I messed with min-height but that changes ALL of the product boxes, so I'd have perfect sized ones in the reviews page, and way too big ones on the main page (see screenshot for reference).
So then I tried using PHP to detect the url, and resize the boxes accordingly (depending on the URL) but failed miserably. No idea why it wasn't working and I lost the code I was using.
The main issue here is the content in each box varies. So on a page like Customer Reviews, it looks sloppy because all of the boxes are different heights. Same with some of the products page (just not as bad).
I assume I have to modify this code but not sure what to change. This is the min-height I've been playing with.
Code: Select all
@media (min-width:767px){.product-list .product-thumb .image{float:left;padding:0 15px}}.product-thumb .caption{padding:0 20px;min-height:150px}.product-list .product-thumb .caption{margin-left:230px}