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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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 and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

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

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

Community Blog Articles