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
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.