Photos are blurry on homepage collection

elinaccm
Tourist
6 0 1

Hi, I'm currently using the minimal theme. For all the photos i uploaded is larger than 300 x 300 , it looks great and no problem at all on product page but on the homepage feature collection , photos are rescaled by default to 300 x 300. My photos become so blurry on homepage no matter on the web or mobile. How can i fix this problem >< Any help would be greatly appreciated!

My website is elephantbebe.com

dmwwebartisan
Shopify Partner
4380 982 1253

@elinaccm 

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

img {
image-rendering: auto !important;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes