Change Bot Avatar Icon via CSS (report_01HV61KHCQF...
# 🤝help
b
Hello, I have a question regarding the Webchat Styler. I have already looked at Discord and have not found a suitable answer. The official Botpress documentation doesn't help either. I know that in the Advanced Styler the icon of the avatar can be customized via CSS. I also know that it is related to the following class "bpw-bot-avatar". My question is, how must the code be arranged so that the icon is also displayed as a background? Attached is a screenshot showing my CSS code and how it looks in the bot. I hope you can help me. Regards Stefan https://cdn.discordapp.com/attachments/1227888600885104650/1227888601916899398/Screenshot.png?ex=662a0b5f&is=6617965f&hm=6eae5787a5516c98e38bf867f31c051af16bc697df3e78ff8e598be0c5465b44&
f
Hey there, You can set the avatar in the Webchat integration. I haven't tried doing it directly in the css. Why would you like to do this instead in the integration settings?
b
Hello, thanks for your answer. Yes that is also a possibility, but the customization via CSS should also be possible, right? Why do I prefer to customize it via CSS? Because I want to save the stylesheet as such completely and not customize one icon there (CSS) and the other icon via webchat integration. Greetings Stefan
f
I think it should be. I can't test it right now unfortunately. Maybe @bright-magazine-792 knows more?
b
Ok, no problem. I can wait and test the implementation via stylesheet and separate avatar URL.
If I copy the two scripts via "Configurable" and adjust the URL for "avatarUrl" and use the same one as for the webchat widget icon, the icon is also not displayed.
Ok, I have found a way to change the avatar icon of the bot. In the Webchat Styler you leave the class ".bpw-bot-avatar" as it is (I had changed something here, that's why it didn't work before). In "Setting" you then add the URL to the .png file in "Avatar URL". Regardless of this, I would like to know how to do this by customizing the CSS code 😆