How to have all store prices on the same height for shorter + longer product titles

Hi, I would like that all prices are on the same height in the store page, no matter if the product title is long or short. How can I do this?

Attached you can see how it looks currently. When the product title is on 2 lines the price is showed lower than when the product title is on 1 line.

thanks a lot in advance!

manuela

Hi,

What is shop page url? We can help easier

Hi Tuanphan, thanks a lot for reaching out! the shop URL is www.manuelaschweizer.ch/shop

thanks,

manuela

On 4/5/2023 at 9:06 PM, Manuela said:

Hi Tuanphan, thanks a lot for reaching out! the shop URL is www.manuelaschweizer.ch/shop

thanks,

manuela

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.grid-title {
    min-height: 50px;
}
}

Hi Tuanphan, thank you so much!! It worked 🙂

all the best to you,

manuela

Hi Tuanphan

Thanks again for your solution, it works great! However, is it also possible to have something similar for the mobile version? I have a CSS code to have 2 products in 1 row for mobile and there it would be great if the prices could also be at the same height as it is now for the desktop version.

See attachment how it looks currently. 

Thanks so much,

manuela

It works perfect, thank you so much!! 🙂 🙂

all the best,

manuela