[class*=“dialog-message__Background-sc”] changes only the chatbot bubbles. How can the user’s bubble background be changed? Just tell the class name. Thanks

It works like a charm, thank you very much. Is there a method to change che left or right position of the [class^=‘FloatingButton__FloatingButtonContainer-sc’], according to @media query? I have a respionsive layout and I’d like to change the margin position of the AI button according to my @media …

You’re always welcome :wink: Sure, this code will help you adjust the position of the bubble based on @media query @media screen and (max-width: 768px) { [class*="FloatingButton__FloatingButtonContainer-sc"] { left: 100px; } }

Thanks a bunch Max, works like a charm :slight_smile:

One last question if I can ask: what’s the class for the footer, cause I’d like to change the b or strong color. Thanks again.

[image] Max: .jSXuMJ [class*="dialog-message__Background-sc"] p { color: red; } Found it: you forato to mention a user message has to be sent in the dialog box, or the dialog-message related to the user won’t show up. All solved, thanks.

One last question: can I change the color of the for of the footer? Thanks

Here is the code to change the footer background color and the color of the footer text: [class*="footer__Container-sc"] { background-color: red; color: white; }

[image] Max: [class*="footer__Container-sc"] { background-color: red; color: white; } Perfect, thank you again!

Customize color of user's messages

Ask the Community Customization

Giorgio_Fiorini (Giorgio Fiorini) March 18, 2025, 7:36pm 23

That’s great Max!
How can I change the user’s color now?
Thank you again!

AI Chatbot: Enjoy enhanced customization with static classes

Topic		Replies	Views
Problem with AI chatbot message-assistant class Customization ai-chatbot	4	46	August 25, 2025
Change link color in user messages AI Chatbot	0	20	March 5, 2026
Chatbot close button color change Customization ai-chatbot	8	95	October 28, 2025
AI Chatbot: Enjoy enhanced customization with static classes Improvement ai-chatbot	0	119	March 18, 2025
Share classes of AI Chatbot elements Customization ai-chatbot	4	37	April 8, 2026

Customize color of user's messages

Related topics