How to offset the webchat icon in my website

For the GOTO webchat icon. Is there a way we can offset the opposition?
Currently, we can only align left or right. But I already have another icon in those positions. Is there any class or ID name that I can use to apply the css style to move the icon higher?

Screenshot 2026-03-03 at 11.07.16 AM.png

Find more posts tagged with

Accepted answers

All comments

AlanNextSupply

@GlennD Thanks for looking into that.
I believe there are two great ways to approach this.
Option 1 (the ideal solution):
You can add the offset option to the webchat settings. After the user chooses the icon alignment—either left or right—you can then include options for offsetting the top, bottom, left, or right.

Option 2 (a quick fix):
Assign an ID, such as id="webchat", to the webchat iframe. This will allow me to easily add custom CSS from my side to adjust the position.

Please let me know which option works best for you!

GlennD

@AlanNextSupply I am still looking into this for you, I am not sure if the javascript code that is generated for the web chat allows additional custom html/css

AlanNextSupply

Hi @GlennD, thanks for your reply. This is a custom HTML page. And I used the embed code provide form the webchat setting.

GlennD

Hi @AlanNextSupply, welcome to the community. Is this on a webpage you are designing, or are you using our plug-in on a Wordpress or

AlanNextSupply

How to offset the Webchat icon on my website? It's currently overlapping another icon. Is there a class or ID I can use in CSS to move the icon to a different position?

Screenshot 2026-03-03 at 11.07.16 AM.png