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…

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

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.

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

Raj-webdesigner April 1, 2024, 6:12pm 9

Dm Me in Personal
send Me collaborator Code

Topic		Replies	Views
Dawn template: Overlay colour when I click on "filter" Store Design design , css	4	37	April 2, 2024
Dawn template: Overlay colour when I click on cart or search button Store Design design , customizations , landing-page , css	3	41	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