Dawn template: Overlay colour when I click on cart or search button.

[Angela86]

Hello,

When I click on "search" or  on "cart", the page turn pink. I know that changing the text colour, I can change it. However, I want to keep my text colour and change the pink overlay one, instead I want the page turns darker. 

 

Url: https://74e196-e9.myshopify.com/
pass:ujiamu

I'm looking forward to your response.

Thank you,

[LuffyOnePiece · Accepted solution]

Hi @Angela86 ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file
4) Add the following code at the end of base.css

details[open] .modal-overlay::after, .drawer {
    background: #333333;
    opacity: 0.8;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[LuffyOnePiece · Accepted solution]

Hi @Angela86 ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file
4) Add the following code at the end of base.css

details[open] .modal-overlay::after, .drawer {
    background: #333333;
    opacity: 0.8;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[Raj-webdesigner · Accepted solution]

Add This Css in your Edite Code > Base.css File

details[open] .modal-overlay::after, .drawer {
    background-color: #00000078 !important;
}

[PageFly-Henry]

Hi @Angela86 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

details[open] .modal-overlay::after {

background: hsl(0deg 0% 13% / 72%) !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly