how to make Facebook like button's popup box to appear on the left

Question

html to show like button:

<div class="fb-like" data-href="https://www.facebook.com/TheGloopal/?fref=ts" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style='float:right;'></div>

BUt the popup when clicked on the fb like, appear on the right. But I want it to appear to the left as the button placed on the right.

I referred to this: Facebook send button flyout

and tried the following but doesn't work,

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
   left: -45px !important;
}

Answer 1

its in the html button code:

<div class="fb-like" data-href="https://www.facebook.com/TheGloopal/?fref=ts" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style='float:right;'></div>

you need to change where it says style='float:right;' to style='float:left;'

Answer 2

尝试这个：

<div class="fb-like" data-href="https://www.facebook.com/TheGloopal/?fref=ts" data-layout="button" data-action="like" data-show-faces="false" data-share="false" style='float:left;'></div>

Answer 3

This solves the matter. I added below in the css

.fb_iframe_widget iframe {
    position:absolute;
    right:0px;
    background:#fff; /* in your case you may want to add a white background */
    transition: all .5s; /* completely optional, but adding a transition makes for a nice effect */
}