Hello, I have this problem, it turns pink when I click on “Filter”, which I want to turn it darker as I click on “cart” or “search”. If you go “Single Origin” and then it appears the link to “filter” when I click on this, the background screen turns pink, and I just want to turn darker only. I al…

Add This Css In Base.css File @media screen and (max-width:767px){ .header__icon--menu[aria-expanded='true']::before{ background: #0000009c !important; } details[open] .modal-overlay::after { background-color: #0000009c !important; } .drawer { background-…

It doesn’t work. If you go “Single Origin” and then it appears the link to “filter” when I click on this, the background screen turns pink, and I just want to turn darker only.

Hi @Angela86 I check your base.css there is a code that not belong on the base.css. That would be a cause of the commotion of the changes you want. [Made4uoRibe_0-1711988936695.png] This is a liquid code. This must be in the liquid file or in the theme.liquid. Try to to remove this one or add s…

Did you try to add on other file. Like the component-cart-drawer.css. And also please check the hex color that your using seems like a lot of zero.

Follow My Step, Open Base.css Find 2605 number LineCopy Name Is .header__icon--menu[aria-expanded='true']::before { Ctrl + D Past Name Than .header__icon--menu[aria-expanded='true']::before { content: ''; top: 100%; left: 0; height: calc(var(--viewport-height, 100vh) - (var(--header-b…

@Raj-webdesigner thank you for your reply, but it doesn’t work either.

Dm Me in Personal send Me collaborator Code

On your Theme Settings, at bottom of the settings you can see “Custom CSS” Add: .header__icon–menu[aria-expanded=“true”]::before { background-color: red; } Let me know how things went.

Hello, thanks @Columbus_Themes , but I don’t want red. I just want to become darker when I click “filter” I want like this: [Captura de pantalla 2024-04-01 a la(s) 11.52.31 a.m..png] And not like the following: [Captura de pantalla 2024-04-01 a la(s) 9.02.47 a.m..png] This only happens when I…

Dawn Template: Overlay Colour When I Click On "Filter"

Store Design

Angela86 April 1, 2024, 4:52pm 5

Hi, it doesn’t work… either. @Made4uo-Ribe

1 Like

Topic		Replies	Views
Dawn template: Overlay colour when I click on "filter" Store Design design , css	4	35	April 2, 2024
Dawn template: Overlay colour when I click on cart or search button Store Design design , customizations , landing-page , css	3	39	March 29, 2024
Filter pop-out menu - change background color - dawn theme Store Design	1	133	May 10, 2022
How to Only Change the Color of the Page Overlay when the Drawer Nav is Engaged? Store Design design , customizations , css , troubleshooting	13	89	July 14, 2024
How to change overlay color behind Filter and sort on mobile? Technical Q&A design , css , shopify-themes	8	59	December 25, 2025

Dawn Template: Overlay Colour When I Click On "Filter"

Related topics