Css 在wordpress上更改Facebook Messenger聊天机器人位置的问题

我目前正在为我的网站使用

Wordpress

。我只是安装了插入页眉页脚块的插件

但是，我需要将bot移动到左侧，并将其向上移动一点，以免阻止页面上的另一个元素。我被告知我需要输入CSS，但是我不确定要将CSS代码更改为什么元素

以下是该网站的链接：

这是我的

    <!-- Load Facebook SDK for JavaScript -->
          <div id="fb-root"></div>
          <script>
            window.fbAsyncInit = function() {
              FB.init({
                xfbml            : true,
                version          : 'v7.0'
              });
            };
    
            (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = 'https://connect.facebook.net/en_GB/sdk/xfbml.customerchat.js';
            fjs.parentNode.insertBefore(js, fjs);
          }(document, 'script', 'facebook-jssdk'));</script>
    
          <!-- Your Chat Plugin code -->
          <div class="fb-customerchat"
            attribution=install_email
            page_id="1558679400867992" theme_color="#e8632e">
          </div>

window.fbAsyninit=函数（）{
FB.init({
xfbml：是的，
版本：“v7.0”
});
};
（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=https://connect.facebook.net/en_GB/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

当我将代码放入div class=“fb customerchat”时

.fb客户帽
{ 
位置：绝对位置；
底部：30px；
左：16px；
} 

---

聊天窗口小部件完全消失。

尝试将气泡向左对齐：

iframe.fb_customer_chat_bounce_in_v2,
iframe.fb_customer_chat_bounce_out_v2  {
    left: 10px !important;
}

.fb_dialog.fb_dialog_advanced {
    left: calc(10px * 2) !important;
}

---

尝试将气泡向左对齐：

iframe.fb_customer_chat_bounce_in_v2,
iframe.fb_customer_chat_bounce_out_v2  {
    left: 10px !important;
}

.fb_dialog.fb_dialog_advanced {
    left: calc(10px * 2) !important;
}

---

---

请发送一个链接，以便我们进行调试，好吗。我已经用链接编辑了这篇文章。谢谢你试着向左推的facebook按钮是当前橙色的，对吗？在右下角是的，在arange的那一个现在。我想把它推到另一个聊天按钮上方的左边，他在那里@DiegoFortes，只是想知道你是否能够调试这个问题。再次感谢您的帮助。您可以发送一个链接到它，以便我们可以调试吗？注意。我已经用链接编辑了这篇文章。谢谢你试着向左推的facebook按钮是当前橙色的，对吗？在右下角是的，在arange的那一个现在。我想把它推到另一个聊天按钮上方的左边，他在那里@DiegoFortes，只是想知道你是否能够调试这个问题。再次感谢你的帮助。你把代码放在哪里了？我是否需要在代码中添加一个。因为当我把它放在样式和fb customerchat容器中时，它再次消失了

'iframe.fb_customer_chat_bounce_in_v2，iframe.fb_customer_chat_bounce_out_v2{left:10px；}.fb_dialog.fb_dialog_advanced{left:calc（10px*2）}

这是CSS代码。您需要将其放入CSS文件或

html

文件中的

标记中。我已将代码更新为使用

！重要提示

，请尝试。注释中的代码是正确的。否。还是没有出现你把密码放在哪里了？我是否需要在代码中添加一个。因为当我把它放在样式和fb customerchat容器中时，它再次消失了

'iframe.fb_customer_chat_bounce_in_v2，iframe.fb_customer_chat_bounce_out_v2{left:10px；}.fb_dialog.fb_dialog_advanced{left:calc（10px*2）}

这是CSS代码。您需要将其放入CSS文件或

html

文件中的

标记中。我已将代码更新为使用

！重要提示

，请尝试。注释中的代码是正确的。否。仍然没有出现