Troubleshooting 🛠️
A small percentage of Shopify themes (a common one is 'Dawn') don't play nicely by default with TofuChat bots - the styling of the theme conflicts with the widget, and screws it up (text aligned the wrong way, sometimes not able to type in the chat box, etc). The fix is simple.
- In your Shopify admin, go to Online Store > Themes.
- Click Customize.
- Click Theme settings.
- Click Custom CSS.
- Add your code [the code is below]
- Click Save.
Code to add:
<style>
.chat {
text-align: left !important;
}
.sc-user-input--text:focus-visible {
box-shadow: none !important;
}
.sc-user-input--text {
display: block !important;
}
</style>
💡 We've tested this with multiple problematic themes and it has worked in all cases 🙂
