Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
This colour bleeding happens from my image banner in the home page, and other pages as well. Ive tried fixing it by reducing top and bottom padding/margin of both sections in css but it does not reflect on my front end.
Hi @Osne
Can you please share the store URL?
Hi @Osne
Upon checking, The image aspect ration is not correct and color bleeding happens due the image is being created like that. I have cropped the extra blank part of image. 👇
And if you add below css
<style>
@media screen and (min-width: 750px) {
.banner--small:not(.banner--adapt) {
min-height: 0;
aspect-ratio: 2 !important;
}
}
</style>
it will look like this👇
Thank you.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025