CSS customization

We also don’t charge extra for you modifying the CSS for the widget, giving you full control over the look of Chatlio.

Just a word of warning: Although we try hard to not modify our classes and markup structure, at times it might be necessary on our end. This could break your overrides. Here is an example of a css override to move widget to left side of screen.

We recommend you wrap all your Chatlio CSS overrides under the #chatlio-widget .chatlio-widget-body selector to minimize the risk of conflicts with other styles on the page.

Example 1, Move widget to left side of screen. Go to the Chatlio dashboard and look for “Alignment” section.