Resize images in AI Chatbot window

Ask the Community Customization
1
  • Issue description:
    Is there a way to use CSS or JS to resize images (or fit) from the chatbots responses. The images get pulled from a URL that has been uploaded as a JSON file in the training.
  • Link to the page with the widget in question:
  • Bot not live yet
    Screenshot 2025-05-22 162405
    Screenshot 2025-05-22 162405441×701 127 KB
2 Likes
3

Hi there, @Dave_12 :waving_hand:

Please let me check it with the devs. I’ll get back to you with an update tomorrow :slightly_smiling_face:

4

Hi there, @Dave_12 :waving_hand:

Thank you for waiting! This code will fix the issue:

.es-message-content-container img {
  max-width: 100% !important;
}

Please add it to the Custom CSS field on the General tab of your widget’s settings and let me know if it helped :slightly_smiling_face:


We’ve also noticed that you’re using a CSS code with a dynamic class. This class has been changed and the code isn’t working anymore:

image
image336×393 12.5 KB


Could you please specify what you tried to achieve with this code? We’ll be happy to replace the dynamic class in your code with the static :wink:

1 Like
5

Hi @Max

That custom CSS worked like a charm. Thank you.
The previous custom CSS was me just trying to figure it out for myself.

Maybe a good idea to add this to the CSS Codes area for others.

Thanks for your and the devs help.

Dave

2 Likes
6

Glad to hear that you’re fine now!

The thing is that are devs are going to fix this issue globally, so you won’t need to use the CSS code for this :slightly_smiling_face:

1 Like