I’m looking for CSS for the sales notification background-color. I would like to be have the ability to change each notification background if I have multiple notifications within one widget. thank you!

Hi @Shawn_Martin :wave: Your request is with our devs! I’ll update you on Monday :wink:

Thank you for waiting. @Shawn_Martin ! To change the background of the specific notifications, please follow these steps: ▶ Open the needed notification and choose Code Editor mode in the Message field ▶ Paste the custom code to change the background color Try it out and let me know if it helped …

That’s awesome Max! Thank you! What other elements can I add css to in the widget? I would also like to change the button color for sure? Can you provide that code? Thanks! Shawn Martin FanYourLocal

@Shawn_Martin Here is the code for changing the background color and text color of the notification time and notification text: <style> [class*="content__Time-sc"] { color: red; background-color: white; } [class*="content__Message-sc"] { background-color: green; color: pink; } </sty…

Works great…how about the CTA Button? Are you planning on adding this to the CSS Codes section in the Community? I was surprised to see that there are 0 mentions of this widget for CSS. Thanks Max! Shawn Martin FanYourLocal

Our devs will come up with a solution for the CTA button, and I’ll share the code tomorrow! As for the CSS Codes category, the thing is that we had few customization requests for this app. However, we’re going to create this category and add new solutions there in the near future …

Awesome! One more ask…. Do you have CSS Code to change background-color for individual badges on the Store Locator widget? Thanks do all the help Max! Shawn Martin FanYourLocal

[image] Shawn_Martin: Do you have CSS Code to change background-color for individual badges on the Store Locator widget? https://community.elfsight.com/t/change-color-of-each-badge-text-and-background/53861/2?u=sina

Thanks for the code Max but unfortunately as you change location the order changes so the color doesn’t of the badge changes to the order based on the current nth child. Is there a solution for this? I want the color to follow the listing no matter the order. Thank you, Shawn Martin FanYourLocal …

To change the button color in Sales Notification, you should add this code inside the style tag: [class*='ButtonBase__ButtonContainer-sc'] { background-color: red!important; } As for the badge color, the CSS code Sina shared above is the only solution for now.

Sales notification, custom background-color

Ask the Community Customization

Sina (Sina) January 20, 2025, 9:43pm 10

https://community.elfsight.com/t/change-color-of-each-badge-text-and-background/53861/2?u=sina

Topic		Replies	Views
Change color of notification badge AI Chatbot	0	28	September 16, 2025
Change color of each badge (text and background) Store Locator Gathering-Feedback	7	108	July 7, 2025
Sales Notification customization Customization sales-notification	3	135	September 26, 2023
Badge customization in Store Locator Customization store-locator	5	23	January 3, 2025
Sales Notification customization question Customization sales-notification	3	17	January 27, 2025

Sales notification, custom background-color

Related topics