How can i access the css classes so i can change the styling of the chatbot? about react-simple-chatbot

[pascalgagneur]

<ChatBot steps={steps} headerTitle="Hello World" />

[LucasBassetti]

Yes, you can use this style props here.

Example:

<ChatBot
  steps={steps}
  bubbleStyle={{ fontSize: '10px' }}
/>

[LucasBassetti]

Hi!

You can use the style props (bubbleStyle, contentStyle, customStyle, ...) to override the current styles. Please check the API reference here.

You can also use defining a new theme. Check how to do that here

[kh272]

Hey, yeah i have checked those already but those theme props are a bit limited, are there any more props? Like changing the height and the width of the conversation, changing the styling of the title etc..

How can I set up the size of the floating icon and possible change the message bubble into even the avatar icon?

[sbadiger708]

Hey.
After building the code chatbot is not looking good. can you please help me out with this.

[sjain3097]

how to change headline of the chatbot

[Prahladkumar11]

can we change height and weight of the chatbot container