# Rasa Web chat customizing buttons,colors alligning etc

**URL:** <https://forum.rasa.com/t/rasa-web-chat-customizing-buttons-colors-alligning-etc/24716>\
**Category:** Rasa Open Source\
**Created:** [February 13, 2020, 5:39am UTC](https://forum.rasa.com/t/rasa-web-chat-customizing-buttons-colors-alligning-etc/24716 "2020-02-13T05:39:04Z")\
**Posts on this page:** 1\
**Showing post:** 46

<div class="post-metadata">

**Author:** ![shiva\_sankeerth](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.rasa.com/shiva_sankeerth/32/12619_2.png) [@shiva\_sankeerth](https://forum.rasa.com/u/shiva_sankeerth)\
**Post date:** [January 18, 2021, 7:05am UTC](https://forum.rasa.com/t/rasa-web-chat-customizing-buttons-colors-alligning-etc/24716/46 "2021-01-18T07:05:57Z")

</div>

Hi @sid321axn,

you can change the avatar through webchat using this:

```
    WebChat.default.init({
    selector: "#webchat",
    interval: 1000,
    inputTextFieldHint: "Type a message...",
    connectingText: "Waiting for server...",
    profileAvatar: **path to image** ,
    initPayload: '/greet',
    customData: {"language": "en"}, 
    socketUrl: "http://localhost:5005",
    socketPath: "/socket.io/")}

```

Hope this is what you are looking for.

---

_[View the full topic](https://forum.rasa.com/t/rasa-web-chat-customizing-buttons-colors-alligning-etc/24716)._
