Как переместить окно чата Facebook выше / ниже или вправо / влево?

Question

Окно чата Facebook (Customer Chat SDK) перекрывает одну из кнопок на моем веб-сайте. Как я могу переместить это выше?

Answer 1

Вы можете проверить CSS и переопределить, чтобы изменить положение, но это не рекомендуется, так как это может привести к неожиданной поломке при будущих обновлениях плагина.

Answer 2

Вы можете написать добавить CSS сайта:

.fb_dialog, .fb_customer_chat_bounce_in_v2, .fb_customer_chat_bounce_out_v2 {
right: auto !important;
left: 10pt !important;
bottom: 10pt !important;}

В нем вы можете изменить left: 10pt !important; bottom: 10pt !important; на твое усмотрение.

Удачи!

Answer 3

Это оригинальный код:

<div id="fb-root"></div>



<script>`enter code here`
  window.fbAsyncInit = function() {
    FB.init({
      xfbml            : true,
      version          : 'v3.2'
    });
  };

  (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/lt_LT/sdk/xfbml.customerchat.js';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>




<!-- Your customer chat code -->
<div class="fb-customerchat";  
  attribution=setup_tool
  page_id="0000000"
  theme_color="#0084ff"
  greeting_dialog_display="hide"
>
</div>