Colour Bleeding from Image Banner - Dawn Theme

Colour Bleeding from Image Banner - Dawn Theme

Osne
Visitor
2 0 0

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. 

Osne_0-1727264057348.png

Osne_2-1727264309378.png

 

 

 

 

Replies 3 (3)

Huptech-Web
Shopify Partner
930 187 196

Hi @Osne 
Can you please share the store URL?

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Osne
Visitor
2 0 0
Huptech-Web
Shopify Partner
930 187 196

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

HuptechWeb_1-1727330390706.png

 

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👇

HuptechWeb_3-1727330791678.png

 

 

Thank you.

 

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required