Okay honestly I just dont understand how to make the round chatbot widget bigger. I found a tutorial but it helps me nothing because i dont seem to make it right. Anyone that´s up to fix me a stylesheet link with this pic as the avatar and widget pic: If so, you´d be the best person in the world. I want the design to look like the uploaded pic but with the chat space to be a little higher than on the pic.

Hey there Olle👋 Do you want to increase the size of just the avatar or is it the whole header?

thanks so much bro! You are a lifesaver to me and Isak ngl 🙂 I have a customer that uses our chatbot. He want to make the icon you push to open up everything to be bigger. Can i send you some info and maybe you can show me? For a coffée or two this time aswell 🙂

You are very welcome! I can't speak right now, but it should be pretty easy to do. Do you have a specific size that you want it to be?

I understand man! The round logo is the widget to open the chat that you see on the website. Atm it´s the botpress limit (52px) but i want it to be slightly bigger. I dont have an exact meassurment! https://cdn.discordapp.com/attachments/1219319704070656071/1222201705597374558/Skarmbild_2024-03-26_161042.png?ex=66155b0a&is=6602e60a&hm=2cf9e2db50459a1293e5cc6516ff3d4a62511c52935d94a6996a7a365dec3b41& https://cdn.discordapp.com/attachments/1219319704070656071/1222201706121527357/IO_Media_AB_32.png?ex=66155b0a&is=6602e60a&hm=e6a2220219e8c511bbaaccd7f5f8433866bb18ab41b8a2c4e159f0aa15d5011b&

Alrighty. Will get back to you today about this

Thanks bro!

Hey there, In your CSS on you website:

html
<style>
        #bp-web-widget {
            width: 120px !important;
            height: 120px !important;
        }  
</style>

That increases the height and with of the iframe, which allows us to increase the height and width of the button that opens the webchat. Then you can adjust the height and width the button in the stylesheet under

bpw-widget-btn

css
.bpw-widget-btn{
  border-radius: 50%;
  background:#6675fa;
  height: 100px;
  width: 100px;
}

love you