How to align product titles in sunrise ? thank you!

Store Design
1

My product titles and images are not aligned on the main page, and they all appeared in different levels.

I tried look for similar problems for the solutions, but the codes that i entered did not change anything. Does anyone have a solution to this ?

Thank you !!

2

@angelaleewa

Welcome to Shopify Community,
Kindly share your Store URL,
So that, I can help you.

Thank you.

3

@angelaleewa Can you please send me store url?

4

@angelaleewa Go to assetes/style.css and paste below css at bottom of file.

.collection-th .product-title
{
height: 120px !importat;
}
5

Paste this snippet at the end of your style.css file

You can change the -webkit-line-clamp line: 1; to the number of lines you want to standardize your title.

.collection-th .product-title {
    text-align: center;
}

.collection-th .product-title .title {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
6

solved in 2 seconds. Thank you so much !!!

7

Thank you so much for your input, but I did not see any changes on my website after applying the code :disappointed_face: