Hi is there any ways or documentation to customize rasa web chat like changing its color changing icons changing button stylings etc. chat starting button and closing button customizing. [image] and chage colors inside buttons. [image.png]

Below is the CSS: .conversation-container .replies { display:block } it gives the below output, let me know if this helps you: [Screenshot%20from%202020-03-11%2017-52-18]

Hey @rishier827 , If you want customize the buttons, colors or other properties of the Rasa webchat, you try the below steps which worked for me: I have written style.css to customize the css properties of the webchat, I have inspected the UI and have got the class names of the elements that I wanted to change. Step1: Make sure you include the webchat.js before you import the style.css as shown below: [socket_1] Step2: updating the css properties in the style.css file: [style] Stpe3: Now you can check the UI: [ui1] Let me know if this helps you. :slight_smile:

Where in the code or github can I find ccs propities or class names what I want to change? for example .launcher

[image] In the above hierachy i was unable to find button alliginig.

Hey @rishier827 , what aligment you want to do, you meant to say you the css of how the buttons are placed?

[image] JiteshGaikwad: .conversation-container .replies { display:block } yep it worked

Rasa Web chat customizing buttons,colors alligning etc

Rasa Open Source

rishier827 (Rishie Ramasinghe) March 11, 2020, 12:15pm 8

I want to have those buttons one after one on same size

Topic		Replies	Views
Rasa Webchat Integration Tutorials, Resources & Videos webchat , contribution	185	30924	August 29, 2023
Connect rasa to a web site with the recommeded plataform Rasa Open Source	62	14112	February 16, 2022
Customize whole Rasa-webchat widget Tutorials, Resources & Videos community , rasa	0	913	August 6, 2021
Rasa webbot Rasa Open Source	53	5966	July 18, 2021
Error return of buttons in rasa webchat Rasa Open Source	72	3564	February 14, 2022

Rasa Web chat customizing buttons,colors alligning etc

Related topics