-SOLVED- Multi Line Product Name Creates Blank Space Below in Category List View

-- url of the page with the problem -- : 200mphmedia.net/justducks
-- HikaShop version -- : 3.0.0 BUSINESS
-- Joomla version -- : 3.6.5
-- PHP version -- : 5.6.3
-- Browser(s) name and version -- : All
-- Error-message(debug-mod must be tuned on) -- : None

In the DIV Category List view, when a Product Name is long and breaks into two lines, the product displayed below is pushed down, breaking the visual grid. The two-line product gains space vertically and forces a break in the product grid alignment, creating black spaces in the grid as per the screenshot: attached.

Please advise as to the settings or CSS required to prevent this from happening.

We are using pictureblue style in a Joomla template.

Thank you in advance for technical support with this display issue.

You can see an example of two-lines of product name forcing the product item below it out of the alignment scheme at this URL.

PAGE WITH GRID BREAK HERE, 12-13 ROWS DOWN

This issue is consistent on screens wherein a two-line product name may appear, so a global fix would likely work to resolve it.

Thanks.

All Joomla Menu Link Items are set to height consistency for both categories and products.

With respect to the CSS for equal heights, can you give us the specific CSS parameter which would affect the height of the boxes.

We have tried several, by adding extensive padding, and none of them affected the layout because the block with the double line breaks also picked up the padding, thus no improvement in the broken layout.

Please give us the CSS element that would fix this issue.

Thank you.

Found the CSS and made the box a fixed height to accommodate the second name line.