FAQ - Float Button - CSS

Float Button - CSS

21.07.2017 3888


Only applies for old Versions, prior 2022.

Go to your operator panel - chat widget - select a chat widget and you will see a new input field.

float button css

You can now place the button wherever you like to suit your design. You can play around with following values:

top, bottom, left, right

For example you would like to place the button on the top / left:

top:20px;left:20px

The value above will place the button on the top / left with 20px space from the window border. Of course you can change it to any value you like.

Another example

bottom:40px;right:0

This time the button will go to the bottom with 40px space to the window border and with zero space to the right.

Important: when using the floating button always have a value set where you like to have the button placed.