Dawn template: Overlay colour when I click on "filter"

[Angela86]

Hello,
I just want to become darker when I click “filter”

And not like the following:

I want like this:

This only happens when I click on “filter” which you can find it from the main page—> click on “Single Origin” ----> on the top of the corner of the photos we can find “filter”, when you click on it, it opens the window to filter and the background is pink. And I want to change it darker as the last picture.

url: www.doecoffee.com
Thank you,

[wo]

Find the component-facets.css file and modify the following code

.mobile-facets {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: rgba(0,0,0,.5);
    pointer-events: none;
}

[Dan-From-Ryviu]

Hi @Angela86

Go to your Online Store > Themes > Edit code > open theme.liquid file, add this code after

Best Regards,

Dan from Ryviu

[Angela86]

Thank you @Dan-From-Ryviu !!! It works!

[Dan-From-Ryviu]

You are very welcome!