Woocommerce Loop Product Titles Spacing

Hello,

This is my page I’m having an issue with https://new.phase3rentals.com/wp/shop/ .
I have added css in the css editor to my woocommerce loop product titles to specify it to only be 3 lines in height.

this is my css:

.td_woo_products_loop .td-module-title {
height: 7.5ex !important;
/* 2.5ex for each visible line */
width: 100% !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}


It works great on my product category pages, but on my main shop page, it works for the first 1.5 rows and then it leaves 4 lines of space. This happens if I decrease the line numbers as well, if I set it to 2 lines, it leaves 3 specifically starting on the 11th product in (and going forward), which is where it starts to load.

Any idea how I can fix this?

Thank you!

Hi,

I’ve already got the correct css as it’s working correctly on all other pages and even on the shop page for the 1st 10 products, I am just asking if there is something I am missing on the shop page that it’s causing it to change on the 11th product on onward when the page loads more products. I’ve read many posts where you assist with things like this, I’m not looking for full customization..

Thank you

Hello,

I just wanted to note I found the problem. I had deleted the price and it deleted on the products shown, but as the new products loaded the placeholder for the price was still there. All I had to do was change the price font size to 0 and it correct the issue.