Step 3: Final steps on Style tab of Viber Chat

In this article


  • Set the popup chat window header background color - 1;
  • Set the start button color - 2;
  • Set the bubble background color - 3;
  • Set the bubble icon color - 4.


Adjust your button's size.

Custom CSS

CSS is a small piece of code that is used to make individual changes to a widget, not available in the settings. In case you feel you need a configuration which you can’t find in the settings, highly likely it is possible to do with the help of CSS code. Just add the code to the Custom CSS field and save the changes.

If you are not good at coding or feel unable to make a code you need yourself, feel free to contact our Support Team, they will be happy to make a special one for you!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us