Change color of user message text

CSS Codes AI Chatbot
1

I thought I would add CSS code I’m using to change the color of User message font (to white #ffffff in this example). Add this code to the Custom CSS field on the General tab of your widget’s settings:

/* Change font color of user's message text */
.es-message-user .es-message-content-container p {
  color: #ffffff !important;
}
3 Likes
2

Hi @PeterC :wave:

Works great, thanks for sharing :wink:

1 Like
3

Thanks! I’ve tried adding font-size and font-weight attributes in order to change the text even more but it doesn’t seem to work. What am I doing wrong, @Max?

1 Like
4

@speeltuindonbosco.nl Try:

/* Change font color, weight, and size of user's message text */
.es-message-user .es-message-content-container p {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 24px !important;
}

Change “bold” and “24px” to your preferences

4 Likes
5

Welcome to the Community, @speeltuindonbosco.nl :wave:

Peter shared a correct code, feel free to use it in your widget :wink: