Webchat customization trouble
# 🤝help
b
Hi! I am having trouble customizing the look of my chatbot. Just to test how it works, I decided to work in VS Code and using the Live Server tool. In the element I have inserted the following: window.botpressWebChat.init({ composerPlaceholder: "Chat med os", botConversationDescription: "Bot desciptions", botId: "d29cf31e-ca28-4a8c-a550-425ed341c662", hostUrl: "https://cdn.botpress.cloud/webchat/v0", messagingUrl: "https://messaging.botpress.cloud", clientId: "d29cf31e-ca28-4a8c-a550-425ed341c662", botName: "Carsten", avatarUrl: "https://klatreskoven.dk/cdn/shop/files/D8A0264_5581d87a-dbea-4662-a27b-443787156f19_1800x1800.jpg?v=1685720323", phoneNumber: "12345678", termsConditions: "Terms and conditions", privacyPolicy: "Privacy policy", emailAddress: "example@example.com", website: "klatreskoven.dk", useSessionStorage: true, stylesheet: "/css/chatbot.css", enableTranscriptDownload: true, }); I want to change the background of the webchat button. Using developer tools, I tried writing this in the css: .bpw-widget-btn { background-color: #e30a0a; border-radius: 50%; box-shadow: none; } But nothing changed on the webpage. What am I doing wrong, and what do I do to solve this problem?
d
Use https://styler.botpress.app/ and after you get the CSS code watch this

https://www.youtube.com/watch?v=5QSQNbFXDpA