How to remove dark overlay from image banners?

[Brocchi]

Hello,

Does anyone know if it’s possible to remove the dark overlay on the image banners as well as the sub text on the left corner of the banner.

[Dan-From-Ryviu]

Hi @Brocchi

Could you drop your store link to check?

[Brocchi]

https://cortexbeauty.com/

[Dan-From-Ryviu]

Please add this code at the bottom of your base.css file

.collection-hero--contrast .collection-hero__image-container:after {
background-image: unset !important;
}

[Brocchi]

Thank you, I think it partially worked. it’s still dark towards the top, and how can we remove the title on the corner of it.

[Dan-From-Ryviu]

Please update the code

#MainContent .collection-hero--contrast .collection-hero__image-container:before,
.collection-hero--contrast .collection-hero__image-container:after {
background-image: unset !important;
}
.collection-hero--with-image .collection-hero__title { display: none !important; }