AI Chatbot icon and text colors switch to black on site

Continuing to play around with the chat bot. Usual issue I have with widgets came up here as well: the icon as well as some text should be white (it is in Elfsight) but displays black when live on site (see Norlandia Förskolor). I know I need to write some text somewhere that contains “important” but I’m not a coder :wink: Anyone can help? Couldn’t find anything in other messages

1 Like

Hi there, @akreiden :waving_hand:

I’ve checked the text color and matches the color in the widget editor. If the issue still persists on your end, could you please specify what text has the wrong color?

To fix the issue with the icon color, please add this code to the Custom CSS field on the General tab of your widget’s settings :wink:

[class*="ButtonBase__ButtonIcon-sc"] {
    color:white!important;
}

Thanks @Max! Icon color is resolved now. I have attached a screenshot of the text I am referring to – the “Send”-button (“Skicka” in Swedish) when submitting customer information which I would like to have in white (instead of black) to match all other visual elements

1 Like

Got it, thanks!

This code will resolve the issue:

[class*="action-button__Text-sc"] {
    color:white!important;
}
1 Like

Thanks so much!

1 Like

You’re very welcome :wink: