Facebook like button comment popup

  • Resolved nickmeul

    (@nickmeul)


    11 years, 10 months ago

    Hi guys,

    I’ve got a little problem here. Through https://developers.facebook.com/docs/reference/plugins/like/ I put a facebook like button in my sidebar (perfectcatering.nl). This all works perfectly fine, until you actually press the like button. you do like my page then, but the comment box is not shown properly. it is clipped.
    From the facebook plugin page i found this:

    If the Like button is placed near the edge of an HTML element with the overflow property set to hidden, the flyout may be clipped or completely hidden when the button is clicked. This can be remedied by setting the overflow property to a value other than hidden, such as visible, scroll, or auto.

    So i tried to give every element the overflow: visible property, but my problem still occurs.

    can someone please help?

    Thanks in advance!

    Nick Meulenbroek

Viewing 6 replies - 1 through 6 (of 6 total)

  • Sorry if I spammed your fb page, was trying to isolate the right div. Try adding this at the bottom of your style.css

    div.fbpdl {
overflow: visible;
}

    I think that’s the right one.

    Thread Starter nickmeul

    (@nickmeul)

    Nope didn’t do the trick:(

    this worked for me,

    .fb-like { z-index: 9999; }
    .fbpdl { ;z-index: 9999 !important; width:500px;
    overflow: visible;
    }
    .pam { z-index: 9999 !important; width:500px;
    overflow: visible;
    }
    .execphpwidget
    { z-index: 9999 !important; width:500px;
    overflow: visible;
    }
    .fb-like span { z-index: 9999 !important; width:500px !important;
    overflow: visible;
    }

    Thread Starter nickmeul

    (@nickmeul)

    You are my hero!
    Sorry for the late response!
    Thank you so much:D:D

    @mujomujo – You are my hero too!!!
    It worked also great for https://www.pictwee.com/ – Thank you so much!!

    This seems to work for my sites 

    .fb_iframe_widget span {
overflow: visible!important;
width: 450px!important;
}
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Facebook like button comment popup’ is closed to new replies.