Dawn Theme change chat notification color

Store Design
, ,
1

https://milkymotorsports.com/ Can someone please help with CSS? I tried this but it did not work:

.chat-notification {background: #000 !important;}

Screen Shot 2023-03-19 at 2.49.35 PM.png

1 Like
2

Hi @milkymotorsport ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

@PageFly-Victor unfortunately that didn’t work

4

Sorry about that, could you please try another code below:
5

@PageFly-Victor that didn’t work either

6

Hi @milkymotorsport ,

Unfortunately, this is the code that we cannot do modifications since the code is being rendered as a shadow DOM. Modification can be done in the Inspect tool but cannot be saved in your theme code. You can read more about Shadow DOM here. The code only can be modified by the creator of the code.

7

Hello @milkymotorsport

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

span#notification-badge {
    background: #000 !important;
}