Moving the chat position with custom CSS

For chat embeds placed in either of the three bottom positions, the default offset from the bottom of the page is 30px. Some websites have fixed elements such as navigation bars and social media buttons that may compete for this space. A simple fix could be to override our default CSS via custom code on your website. If you’re unfamiliar with website code, your web team will know what to do.

Here’s the default value. Changing this value will effect the offset. A higher number will increase the amount that the button sits away from the bottom of the page.

.sce-Dot {bottom: 30px}

 

If you use our CTA feature, you will also want to update the following class as well. Whatever value you increase / decrease the above class by, add that to the class default below. For instance. If you changed .sce-Dot to be 90px, you would add 60px to the class below (105+60=165px)

.sce-CTAView.cta_postion_style_dot {bottom: 105px}