WooCommerce Shopping page - same size for the "grid"

[Sandie]

Hi,

Is’t possible to make all of the grids get the same size in WooCommerce shopping page?

As you can see in the image below, they are two different sizes due to the lenghts of each product name.

You can find the page here: https://www.youpheal.com/friway-livstillskott/

Please let me know what I need to do!

Thanks!

//Sandra

[ruenel]

Hello Sandra,

Thanks for writing in! There are two things you can choose from. You can limit the titles to just one line or set it to have a minimum height of two lines.

1.) You can make use of this code to have this: http://prntscr.com/ftsdwi

.woocommerce li.product .entry-header h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} 

2.) or use this code to have this: http://prntscr.com/ftsf2u

.woocommerce li.product .entry-header h3 {
    min-height: 70px;
    max-height: 70px;
    overflow: hidden;
} 

Please let us know which one works best for you.