Shopify widget issues

Excerpt

A small percentage of Shopify themes (a common one is 'Dawn') don't play nicely by default with our 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 and I'm posting it here for reference...

---

A small percentage of Shopify themes (a common one is 'Dawn') don't play nicely by default with our 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 and I'm posting it here for reference...

<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 🙂