Changing the Website Location of your Live Chat Widget

You can change the location of both the live chat button as well as the live chat widget itself with some simple CSS overrides that you will need to include in your website template.  Note that these overrides need to be included in your css styles in your own website in order to take affect.  

Changing the location of the live chat button

If you'd like to move the chat button highlighted below anywhere else, just add these CSS overrides to your own website css.  Feel free to change as needed for your website layout.

#si-wrapper .silc-btn {
    bottom: 25px !important;
    height: 60px !important;
    width: 60px !important;
    right: 25px !important;
}

Moving the Chat Icon and Widget to the Left

If you'd like to move the chat icon highlighted below to the left of the screen, you can use this CSS override in your CSS template:

#si-wrapper .silc-btn {     
 left:25px !important;   
 right: inherit !important; 
}
#siWidget-chat {
 left: 25px !important;
}

Changing the location and size of the chat widget

Similarly, you can apply CSS overrides to change the location of the chat widget screen itself.  Again, add these CSS overrides to your own website CSS files.

#siWidget-chat {
    right: 25px !important;
    height: calc(100% - 150px) !important;
    bottom: 90px !important;
    width: 360px !important;
}