How to Change the Position of the Online Chat

To change the position of the online chat, you need to override the bottom parameter in these styles by specifying the total offset value, where x is the number of pixels to shift.

iframe#teletype-widget-component-button {
bottom: 20px + x;
}
iframe#teletype-widget-component-popup {
bottom: 100px + x !important;
}
iframe#teletype-widget-component-invite {
bottom: 65px + x;
}

For example, to move the chat widget 10 pixels up vertically:

iframe#teletype-widget-component-button {
bottom: 30px;
}
iframe#teletype-widget-component-popup {
bottom: 110px !important;
}
iframe#teletype-widget-component-invite {
bottom: 75px;
}