- 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
Hi there, @Dave_12
Please let me check it with the devs. I’ll get back to you with an update tomorrow
Hi there, @Dave_12
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
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
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
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