Custom image on floating icon
# 🤝help
b
I tried to add a custom image as my floating icon. The documentation says to use: .bpw-floating-button { background-image: url(YOUR_URL); } I put my image URL into this code and added it to my whole CSS, but no image is displayed still. You can see in the image below what i actually see. Any fix?

https://cdn.discordapp.com/attachments/1141325545041305651/1141325545762730024/Screenshot.png

r
That should work can you show me your CSS file
b
There it is @rich-lamp-98721
r
Okay that does not seems to work can you link me where you saw that in the doc
@rich-lamp-98721 scroll down a bit and you'll find these lines of CSS
r
Thanks I will review the doc test a few things and get back to you
b
Alright!
Thank you
r
My pleasure. We will find the solution 🙌

https://cdn.discordapp.com/attachments/1141325545041305651/1141789242511589487/Screenshot_2023-08-17_at_1.42.43_PM.png

This is what I managed to do.
Right now the icon has a fixed size of 52x52px
Let me know if this is what you were looking for
b
That’s very good
May I try it out? @rich-lamp-98721
Any CSS link would be perfect
b
i would like to know how you did it aswell
b
I'll wait for @rich-lamp-98721 to send us the code
He seems to have solved this
g
yes
i would like the answer too
also seb
u never answered my question
r
Hello everyone I’m cleaning the code and will share it here for everyone as soon as I’m done sorry for the delay. We want to be engaged with the community but we also have our daily tasks to get to so I’m a bit behind. You guys will get it today for sure
b
Thank you!
Here is the file I used to create the example I showed. It's not simple but it as everything you need to make it work. I will send some feedback to the team about the documentation.
g
ok thx
but seb how to set the bot window height to 65% of max screen height?
@rich-lamp-98721
hey seb help here pls
b
Send me the link of your CSS
I’ll help you @great-action-6606
g
oh im not using that anymore
i changed it
cuz i couldnt make the screen height
but i woud appreciate it @brainy-summer-1041 if could add anotations to this
so that ik what is happening
b
Ok
f
i tried adding a background image to the floating icon too. Im getting the blue icon as well, not the background image...
r
There's a default CSS file that is also used. Not all classes can be overridden it's something we are working on to ensure it's easier to work with the chat Icon.
Hey guys we pushed an update you guys might like 🙂 https://styler.botpress.app
f
Very nice.
38 Views