How to style chat window using CSS when using Microsoft Bot Framework

Question

I have created a simple Chat bot through the use of Microsoft Q&A maker and deployment to azure. Out of the box, the bot has its own default style.

I want to be

Answer 1

How is it working now?

I do not fully understand how these files are connected to my project: assuming that you are using iframe implementation, it means that you are using the compiled version of the source code you found.

If you have a look to the iframe content (doing a GET on the URL), it looks like the following:

So as you can see, it is referencing a css file, the one compiled by the GitHub project.

---

How to add your custom css?

On your side, you can edit this css, edit it, and use the same implementation as above but replace the css link to yours.