Custom theme for chat window

CSS Codes AI Chatbot
1

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

[class*="window__Body"] {
background: url(YOUR_URL);
background-size: cover;
opacity: 1;
}

Do not forget to replace YOUR_URL in the 2nd line of the code with the URL of your image :slightly_smiling_face:

3 Likes
2

I tried but it isn’t showing at all. Could it be due to image size, @Max? Am I doing something wrong? Thanks!

[class*=“window-wallpaper__Container-sc”] {
background: url(https://website.storage/Data/Weesp/RTE/Afbeeldingen/Algemeen/achtergrond-chatbot.jpg);
background-size: cover;
opacity: 1;
}

I’ve tried with https://website.storage/Data/Weesp/RTE/Afbeeldingen/Algemeen/chatbot-wallpaper-1.png too but no luck either.

2 Likes
3

Hi @fcweesp.nl :wave:

Please try to use this code instead:


[class*="window__Body"] {
  background: url(https://website.storage/Data/Weesp/RTE/Afbeeldingen/Algemeen/chatbot-wallpaper-1.png);
  background-size: cover;
  opacity: 1;
}
3 Likes
4

Worked, thanks!

2 Likes
5

Great! You’re welcome :wink:

1 Like