Resize images in AI Chatbot window

  • 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
2 Likes

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:

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:


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

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

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