need help on how can i move the bubble icon in my website

[8240660866]

need help on how can i move the bubble icon in my website

 

[SMaysDesigns]

I have been trying to figure it out as well. I tried overriding the styling by adding CSS to my Wordpress theme but it doesn't work. I also tried to find the code in the callus.js file but can't seem to find it. This is what was suggested in a post listed a year ago but the coding looks different so I'm sure there's been an update since then.

 

[KyriacosS_3CX]

Hello,

If you copy the plain HTML integration code:

You get a code block like the one below - here you can comment-out the "call-us-selector" block and uncomment the "call-us" block which allows you to perform custom styling and positioning (e.g. if you change "bottom: 20px" to "top: 20px" the bubble will be 20px from the page top instead of bottom.) :

<!--Use the below code snippet to provide real time updates to the live chat plugin without the need of copying and paste each time to your website when changes are made via PBX-->
<call-us-selector phonesystem-url="https://abcd.3cx.xyz" party="LiveChat1234"></call-us-selector>
 
<!--Incase you don't want real time updates to the live chat plugin when options are changed, use the below code snippet. Please note that each time you change the settings you will need to copy and paste the snippet code to your website-->
<!--<call-us
phonesystem-url="https://abcd.3cx.xyz"
style="position:fixed;font-size:16px;line-height:17px;z-index: 99999;--call-us-main-accent-color:#14A5FF;--call-us-main-background-color:#404040;--call-us-plate-background-color:#373737;--call-us-plate-font-color:#D9D9D9;--call-us-main-font-color:#FFFFFF;--call-us-agent-bubble-color:#FFFFFF10;right: 20px; bottom: 20px;"
id="wp-live-chat-by-3CX"
minimized="true"
animation-style="fadein"
party="LiveChat1234"
minimized-style="bubbleright"
allow-call="true"
allow-video="false"
allow-soundnotifications="true"
enable-mute="true"
enable-onmobile="true"
offline-enabled="true"
enable="true"
ignore-queueownership="false"
authentication="both"
operator-name="Support"
show-operator-actual-name="false"
aknowledge-received="true"
gdpr-enabled="true"
message-userinfo-format="both"
message-dateformat="both"
lang="en"
button-icon-type="doublebubble"
greeting-visibility="none"
greeting-offline-visibility="none"
chat-delay="2000"
enable-direct-call="true"
enable-ga="false"
></call-us>-->

<script defer src="https://downloads-global.3cx.com/downloads/livechatandtalk/v1/callus.js" id="tcx-callus-js" charset="utf-8"></script>