Debut theme collection picture adapt to size

Solved
vasilepachitanu
Tourist
6 0 3

Hello,

Is it possible to set-up the collection picture to adapt to its original size? I have some issues with picture croping if left by default setting.

The original size is 1920 x 600.

URL https://nordek.ro/collections/lifestyle

Thank you in advance.

0 Likes
Pallavi
Shopify Expert
1293 175 212

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

Remove this one css

.collection-hero__image {
height: auto !important;
}

Screenshot :- https://prnt.sc/10gspc4

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
vasilepachitanu
Tourist
6 0 3

It's working!

Thank you @Pallavi 

Pallavi
Shopify Expert
1293 175 212

Kindly feel free to get back to me if you need any further assistance Thanks!

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
LamQSolutions
Tourist
9 2 2

Glad to see the problem was resolved!
I think you can use my free app Custom CSS to add the above code. So you don't need to touch any file in the theme.

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our app Scrolly Telling for creating scroll-based animations visually.
0 Likes