AI Chat Bot - font color

Can we have an option to change font color for the AI chatbot? It’s pulling grey from my website but it’s not readable!

3 Likes

Hi @Martin_Stancy welcome to community :clap:

Add this code to the Custom CSS field on the General tab of your AI Chatbot widget’s settings:

/*the bot*/
.es-message-assistant p {
  color: green !important;
}
/*the user*/
.es-message-user,
.es-message-content-container p {
  color: red !important;
}
1 Like

Hi there, @Martin_Stancy :waving_hand:

We agree that it would be great to control the font color right in the settings. If this idea gets more votes, we’ll try to think it over in the future. As for now, Sina’s code should work great for you :wink:

2 Likes

Friends, I’m happy to say that we’ve started working on this feature! :tada:

It’s currently in the Design stage, and we’ll keep you updated on the progress here :blush:

2 Likes

Hey!
The code isn’t working - it’s turning all of the chat (both chatbot and user) into red. Any advice would be much appreciated :slight_smile:
thanks

1 Like

Hi @Gellert_Kiss

Did you enter the code correctly? See how it works.

1 Like

I managed to solve it in the end - thank you! :slight_smile:

1 Like

Update: the feature is in the Development stage now! :tada:

2 Likes

Hey everyone!

We’re happy to share that now you can change the font color of each widget element right in the settings.

For this, click on the Customize Theme button on the Theme tab and you’ll see the customization settings for all elements.


Header, Chat, Message field and Footer include settings for changing the color of their text elements:

Check this post to find other new customization settings -AI Chatbot: Change color of each widget element, font, size settings and more! 🚀

2 Likes