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

Store Design
, , ,
1

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.

Captura de pantalla 2024-03-28 a la(s) 9.43.16 a.m..png
Captura de pantalla 2024-03-28 a la(s) 9.43.16 a.m..png2608×1166 118 KB

Captura de pantalla 2024-03-28 a la(s) 9.40.03 a.m..png
Captura de pantalla 2024-03-28 a la(s) 9.40.03 a.m..png2650×1116 131 KB

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

I’m looking forward to your response.

Thank you,

2

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

1 Like
3

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

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

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