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

Angela86 · ‎04-01-2024

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,

Dan-From-Ryviu · ‎04-01-2024

Hi @Angela86

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

<style>
.mobile-facets {
background-color: #00000078 !important;
}
</style>

Best Regards,

Dan from Ryviu

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

wo · ‎04-01-2024

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 · ‎04-01-2024

Hi @Angela86

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

<style>
.mobile-facets {
background-color: #00000078 !important;
}
</style>

Best Regards,

Dan from Ryviu

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Angela86 · ‎04-01-2024

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

Dan-From-Ryviu · ‎04-01-2024

You are very welcome!

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

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

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

Community Blog Articles