Can’t customize the icon

Hi,

We can’t see your screenshot or load your site. The site times out. Screenshot: https://prnt.sc/bMBhbvWMrLVU

We could give you custom CSS to fix any issue if we could check your site.

Thanks

I know, the website is down now. We are trying to figure it out.

OK, let us know when it is back up. We will check again.

Thank you

The website is back up, I’ll upload the custom icon for you to have a look.

Hi,

We are back after the weekend. Please add the following CSS from WPBot Settings->Custom CSS. Save and purge the Rocket cache and any CDN completely:

div#woo-chatbot-ball {
text-align: center !important;
}
div#woo-chatbot-ball img {
padding-top: 12px !important;
max-width: 50px !important;
margin: 0 auto !important;
text-align: center !important;
}
.woo-chatbot-ball:after {
background: #ffffff !important;
}

Also, we notice that after the ChatBot window is opened and then closed, the JPG image you uploaded is changed to an SVG image and it stops showing. Likely another plugin is doing this. You can find that plugin, by deactivating the plugins one by one and see deactivating which one solves the issue.

Thanks

Thank you so much! Would it help if I changed the image to a SVG? Also how do I make the chat bubble bigger?

Changing the image to SVG will not help. The JPG image is working fine but something is changing the jpg image to SVG when the bot is closed. So the image URL stops working. You need to find which plugin is doing that.

Here is some CSS to make the icon bigger

.woo-chatbot-ball {
????width: 80px;
????height: 80px;
????line-height: 80px;
}
div#woo-chatbot-ball img {
????padding-top: 0px !important;
}

Thank you!