Change collection image size on collection page

Solved

Change collection image size on collection page

Hundred-eighty
Visitor
2 0 0

Hi everyone, 

 

I am using the Dawn theme On the collection page, my image is cropped to 16:9. I'd like to use portrait ratio for this image, but cannot figure out how I do this. Could anyone support me with this? 

 

Hundredeighty_0-1747396534571.png

 

Thanks in advance!

 

Accepted Solution (1)

tim
Shopify Partner
4710 575 1702

This is an accepted solution.

You can always remove/hide the "Collection Banner" section and add a different section, like Image banner, or "Image with text", if you need portrait and use "Image" as Dynamic source there. Collection Description would go as Dynamic source for the Text in this section:

Screenshot 2025-05-17 at 1.50.00 AM.png

 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 5 (5)

websensepro
Shopify Partner
2114 265 313

Hi @Hundred-eighty  , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

BiDeal-Discount
Shopify Partner
789 103 176

Hi @Hundred-eighty 

Let go to Admin -> Sale Channels -> Online Store -> Themes -> click to Customize your current theme -> choose Theme Settings -> scroll down to the end you will see section Custom CSS

.collection-hero__inner .collection-hero__image-container img {
  position: static !important;
}

 

BiDealDiscount_0-1747398341888.png

 

The result I tried with a square image

BiDealDiscount_1-1747398373432.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

DaisyVo
Shopify Partner
4460 499 594

Hi @Hundred-eighty Can you share store url?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

tim
Shopify Partner
4710 575 1702

This is an accepted solution.

You can always remove/hide the "Collection Banner" section and add a different section, like Image banner, or "Image with text", if you need portrait and use "Image" as Dynamic source there. Collection Description would go as Dynamic source for the Text in this section:

Screenshot 2025-05-17 at 1.50.00 AM.png

 

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
Hundred-eighty
Visitor
2 0 0

Thank you so much! This makes it very easy 🙂