Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

How can I change the image size of a collection list on only one collection template?

How can I change the image size of a collection list on only one collection template?

ralphmachio
Tourist
4 0 5

Hi there, 

I am trying to make the image smaller on this collection list. I would like it to be a similar size as if there were 4 or 5 images in the collection. I am using the impulse theme. Is there a way to do this? Thank you for your help.

ppk collection image.png

Replies 5 (5)

Laza_Binaery
Shopify Partner
502 83 142

Hi @ralphmachio 

 

Welcome to the community. 

 

You can create a new collection template and then assign it to that one collection only. Check similar question and solution here, different theme but same process:

https://community.shopify.com/c/shopify-design/how-to-assign-a-collection-to-a-new-collection-templa...

Kind regards
Laza
www.binaery.com
ralphmachio
Tourist
4 0 5

Thank for the suggestions, I've made the template however all the answers I found before asking this question were to apply the code to the theme settings. Can I just put that code into the section for the custom css in the collection list?

Laza_Binaery
Shopify Partner
502 83 142

yes, sorry I did not mention that important part.

 

When you create a new template, you can have separate CSS, either in the template code itself or easier in Custom CSS field on collection list. 

Kind regards
Laza
www.binaery.com
ralphmachio
Tourist
4 0 5

Thank you, I will try this.

ralphmachio
Tourist
4 0 5

Thank you for the suggestion. I spoke with the them creators and they informed me the theme is set to make the image stretch to the screen edge, no matter the native size of the image. I will try to contact other sources for help. None of the code I have dropped into the CSS box has worked. Your help is appreciated.