How To Remove the grey tint on banner in product page - Debut theme?

Store Design
, ,
1

Hi there,

Does anyone know how to make it so that the banner of my Services pages is not tinted? There is some kind of tint/ grayish affect on top of the photo.

How can I change this to show the full color/ saturation of my banner? Here is the link: https://rasayanaliving.com/collections/services

If you have give me numeric step be step directions, I would truly appreciate it. Thank you in advance.

2

Hi @EES210 This effect is known as overlay. Follow these steps to remove the overlay.

  1. Go to Themes > Online Store > Edit Code.

  2. Find base.css or theme.css

  3. Add the below code at the end of the above file.

.collection-hero__title-wrapper:before{
opacity: 0 !important;
}
3

Thank you very much, this worked!

4

You’re welcome!