FAQ - Float Button - CSS

FAQ - Float Button - CSS

21.07.2017 88


In Live Chat 3 - Version 3.2 we added a feature to change the floating button position for each chat widget straight from the operator panel.

Version 3.3 got another option to choose the position of the chat window gives you even more possibilites.

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

float button csss

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.