New CSS required for styling the floating chat cir...
# 🤝help
a
After the update today, my floating chat circle is now a sold color until I hover over it. Did a new CSS styling parameter get added for the non-hover chat circle state I need to add to my CSS?
c
So what happens when you hover over it?
Can you share screenshots so we see what is going on?
a

https://cdn.discordapp.com/attachments/1147278792767840317/1147304265275146270/Screenshot_2023-09-01_at_15.57.13.png

https://cdn.discordapp.com/attachments/1147278792767840317/1147304265640071258/Screenshot_2023-09-01_at_15.57.21.png

This changed after your new release. Prior to that, it worked as expected.
Ok, I have fixed it changing this part of the CSS:
/* Change Bot Widget Icon */ .bpw-widget-btn{ border-radius: 50%; background:#ffffff; }

https://cdn.discordapp.com/attachments/1147278792767840317/1147305958238863430/Screenshot_2023-09-01_at_16.04.13.png

q
what happens when you hover over icon, is it than black?
a
Yes.
s
Mine is doing the same.
a
See my note above about changing the .bpw-widget-btn CSS style as a workaround. It looks like Botpress changed how these CSS stylings are being used in the most recent release.
c
@acoustic-fish-84489 did you also try the upload your own image? or is it just the colour issue
a
Just color.
3 Views