[SOLVED] Height consistancy on product_name

-- HikaShop version -- : 3.3.0
-- Joomla version -- : 3.8.5
-- PHP version -- : 7

Hi,
I'm trying to make the product listing in a div look even better then it does now.
Although the height consistency feature for the box is a great improvement, because of the bright colours of the "order" button it still looks a bit messy when those buttons are not aligned (in my case) at the bottom.

It's often cause by the product_name being longer for some products and going across 3 lines where most have only 2 lines.
As a result everything is going a bit out of place and make the page look a bit "not so nice"

Would it be very difficult to fix this misalignment of the different elements within a row of hikashopcontainers ?
Maybe the height consistency can also be applied to the product_name?

Sorry for the missing link but the site in local at the moment.

Nico

Hi Nicolas,

Yes, I tried a simmilar option but the issue I could not yet get resolved is the border/box which is not growing with it to go all the way around the items.
Could this be because the box-size is calculated before the CSS is used?

Hello,

Applying some CSS code to that CSS class will probably do the job :

.hikashop_subcontainer.thumbnail {
height : 300px;
}

Hello Mohamed,

Thanks for this tip.

In the end we ended up with this CSS to get things in line (for our site) :

.hikashop_container form {position: absolute; bottom: 15px; height: 50px;}
.hikashop_products .hikashop_product_name {	min-height: 65px; }
.hikashop_subcontainer.thumbnail {height : 400px;}

Hello,

Thank you for your feedback !

Best regards,
Mohamed Thelji.