Solved

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

Angela86
Excursionist
25 1 3

Hello,
I just want to become darker when I click "filter" 

 

And not like the following:

Angela86_1-1712023788467.png

 

I want like this:

Angela86_0-1712023788562.png

 

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,

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

This is an accepted solution.

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>

Screenshot 2024-04-02 at 09.40.00.png

Best Regards,

Dan from Ryviu

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 4 (4)

wo
Shopify Partner
73 20 17

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

wo_0-1712024339360.png

 

.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
Shopify Partner
7538 1454 1452

This is an accepted solution.

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>

Screenshot 2024-04-02 at 09.40.00.png

Best Regards,

Dan from Ryviu

 

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Angela86
Excursionist
25 1 3

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

Dan-From-Ryviu
Shopify Partner
7538 1454 1452

You are very welcome!

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now