How do I Fix the Collection Banners' Size Using the Debut Theme?

Rome1
New Member
1 0 0

So when I was making my website, I added a bunch of collections to make it easy to find products, and I noticed that the banner at the top of the collection pages was just a horribly cropped version of the main image that I set for the collection, and I was wondering if there was a way that I could make the images not cropped at all so that it looks at least a little bit better

 

so like for example, I set this as the main image for one of my collections:

D5529439-EC85-461B-8C4A-B258419754DB.jpeg

 

 

 

 

 

 

And then when you view the collection on Shopify, it shows up like this:

E171C819-330E-49FA-9B4B-5EBF0F7EF6C7.jpeg

 

 

 

 

Desktop Version ^

89E7890C-6A31-4828-BE36-B72FF3456503.jpeg

 

 

 

 

 

Mobile Version ^

 

And seeing as that doesnt look too great, I was wondering if I could make them look like something more like this:

E93638C9-9C60-4A2E-9315-7C2D1134B9DA.png

 

 

 

 

Desktop Version ^

4FA0BCA0-BBC7-4FC7-A197-002EDEF1F16E.png

 

 

 

 

 

Mobile Version ^

 

Now, of course that's not exactly how they would look bc they'd have to have the overlay with the collection name and stuff, but something kinda like that would be nice

I'm using the Debut theme if it helps

Thanks

0 Likes