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?