Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML. Flowio allows you to customize your Pop-up style, including font, margins, paddles, resize, .etc.. Using CSS

How can you customize your Popup or your Live-chat Widget?

Let’s take a quick look:

On the left bar, navigate to “Pop up” > “Custom CSS”

This is where you can make changes with CSS coding.

Some adjustments you can make, such as:

.classname-example {
bottom: 100px !important;
right: 30px !important;

The above is for changing the position of the Live-chat button a little higher and to the right.

Tips: You need to define what needs to be changed and how to change it so that you can add the code applying your desire.

There are other things you can modify by Custom CSS but it’s not simple. If you need further support, please feel free to contact us via live chat or email us at

Did this answer your question?