Customer context: The customer is trying to adjust the placement of a button on their website as it does not look good with the current position.
Customer: How can I exactly specify the position of a chat button on my website?
Answer: If the available options in the Chat button configuration within your LiveAgent account (accessible through LiveAgent account > Chat > Chat Buttons > edit Chat button > Online button > Position) are insufficient for your needs, you can customize the button position using CSS code on your website. Each button can have its own unique CSS code. So let's get one button from the buttons menu (available in Configuration > Chat > Chat Buttons > CREATE button) with the name "Circle animated button" for which you can use the following CSS code:
.circleChatButtonWrap {
bottom: 65px;
right: 20px;
}
Modify the 'bottom' and 'right' values as needed to position the button according to your requirements.