Set Facebook Live Chat Plugin To Display On Left

Tips & Tutorials
1

If you want the Facebook Live chat plugin to display on the left instead of the default “right”, try this css code below :

#fb-root > div.fb_dialog.fb_dialog_advanced.fb_shrink_active {
     right: initial !important;
     left: 18pt;
     z-index: 9999999 !important;
  }
  .fb-customerchat.fb_invisible_flow.fb_iframe_widget iframe {
     right: initial !important;
     left: 18pt !important;
  }

Here is the demo on Ogbongeblog.

display facebook live chat left

Let me know if it works for you.

2

Worked excellently… Thanks

1 Like
3

Thanks for the code Ogbonge. Please I still need little help. How do I embed the code? And is there further/previous settings?

Thanks in anticipation.

4

Depends on the CMS you are using.

If it is Blogger, add the css code in your blog’s html. If it is WordPress, you can add it via the WordPress customizer.

Kindly note that the code up there is just to make the live chat plugin float to the left. It is not the actual code to implement the live chat widget/plugin.