How to remove the dimming filter from text overlay?

Store Design
1

Hi there,

I’m new to Shopify and trying to design the website.

So, I want to upload an image to be the header in Debut theme, I don’t want it to have text overlay on my image. But leaving the text blank is not a solution, because it still adds a dimming filter/effect to the image I upload. Does anyone know how to remove that?

Thank you so much!

2
  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:
.hero__overlay::before {
    background-color: #685f5800 !important;
}

This will Remove Black overlay on Image

Regards: Haroon

3

Thank you! But it doesn’t work when I tried several times, should it be something like this?

Also, I noticed when I paste this code, it doesn’t have the colored parts like yours, don’t know why.

Screenshot 2021-08-22 232309.jpg
Screenshot 2021-08-22 232309.jpg727×145 16.9 KB

4

just replace with this code please
5

Thanks so much, that works!

6

you are welcome :slightly_smiling_face:

7

hey there,

this did not work for me in debut. would you be able to assist?