collection thumbnail not align

Solved
Highlighted
Tourist
9 0 3

my shop: www.ulovedoll.com   useing supply theme

bansen.jpg

the right image is not aligned to the previous two ones.

please help.

 

regard!

jacky

 

 

0 Likes
Highlighted
Shopify Partner
2306 502 651

This is an accepted solution.

Hey @lemonlu,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.product-grid-image--centered{
vertical-align: top !important;
}

 

Hope this will work for you.

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
9 0 3

thanks ! 

yes. it is aligned on the top now. can you help me more to make these three images the same height. so they can look more neat. 

bansen1.jpg

thanks!

regard!

 

jacky

 

1 Like
Highlighted
Shopify Partner
2306 502 651

This is an accepted solution.

Hey @lemonlu,

We can't resize images via code. If we do that it doesn't look good. I would suggest that please upload your images in a square format like 500x500, 800x800, etc.

If you upload images in the squarish shape then it will take same height and width and will look nice.

Hope you understand. There is a standard image formats for eCommerce websites. We can resize specific images. The method applies to all.

 

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes