Simple Theme Collection image size and text alignment

Highlighted
New Member
3 0 0

In my collections page, not just one, the images are of different heights and they don't line up at the product name and price. I have tried going into the image size and resizing to all the same height and keeping the aspect ratio but this doesn't work. Can someone please help with this?

Screen Shot 2020-11-03 at 8.16.13 am.png

0 Likes
Highlighted
Shopify Expert
412 42 46

Hello There, 

 

Kindly use the below given CSS :- 


.product--details .product--title {
display: block;
display: -webkit-box;
max-width: 100%;
height: 53px;
margin: 0 auto;
font-size: 14px;
line-height: 1;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.product--price-wrapper {
padding: 10px 0!important;
}

.product-page--cart-form {
padding: 0 20px!important;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Highlighted
New Member
3 0 0

Hello and thank you for the code.

Where in the code pages or tabs do i put it?

0 Likes
Highlighted
New Member
3 0 0

Can anyone help me with this? I have been given the code but i don't know where to copy this into?

0 Likes