All Collections
General Settings
Learn how to custom CSS styling
Learn how to custom CSS styling

Something about Custom CSS

Ethan avatar
Written by Ethan
Updated over a week ago

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?