# Customizing your Webchat CSS

To customize your webchat CSS

- Go to MyPlan -> Settings[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/rK1uZhzoZ0Zlr0W0-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/rK1uZhzoZ0Zlr0W0-image.png)
- Select Bot Integrations[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/PpBjIHgJxiqf4ZVu-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/PpBjIHgJxiqf4ZVu-image.png)
- Select Web Chat[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/le3RQ1lEBxeiE19x-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/le3RQ1lEBxeiE19x-image.png)
- Enter the values[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/RvfLq1KW1G0FD88x-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/RvfLq1KW1G0FD88x-image.png)[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/eLiuLQDY8UOZ2iGF-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/eLiuLQDY8UOZ2iGF-image.png)
- After entering the botpress js link, click Edit & Save. This generates the Webchat link  
    [![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/VMaGMEBReThE7esU-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/VMaGMEBReThE7esU-image.png)
- Open the link in a browser to reveal the details of the .js file[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/VHR7gRx0NJYeulFW-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/VHR7gRx0NJYeulFW-image.png)
- in the .js file, find the link to the CSS, open the link in a browser[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/wGKSDAjmTydOXT2f-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/wGKSDAjmTydOXT2f-image.png)
- Download the file or save it to your fav code editor to make required changes to your CSS

##### Once the changes are done - upload the file back

[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/OlZe7GKLzEYqoObl-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/OlZe7GKLzEYqoObl-image.png)

Click Edit&Save to apply your new CSS

[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/CEPmDqZAI6WffidQ-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/CEPmDqZAI6WffidQ-image.png)

[![image.png](https://docs.versalence.online/uploads/images/gallery/2025-01/scaled-1680-/SEDjhoJf8aKKtfQi-image.png)](https://docs.versalence.online/uploads/images/gallery/2025-01/SEDjhoJf8aKKtfQi-image.png)