Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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?
Thanks in advance!
Solved! Go to the solution
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:
Hi @Hundred-eighty , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks
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;
}
The result I tried with a square image
Hi @Hundred-eighty Can you share store url?
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:
Thank you so much! This makes it very easy 🙂