WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Facebook like button comment popup (7 posts)

  1. nickmeul
    Member
    Posted 1 year 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

  2. Andrew Bartel
    Member
    Posted 1 year ago #

    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.

  3. nickmeul
    Member
    Posted 1 year ago #

    Nope didn't do the trick:(

  4. mujomujo
    Member
    Posted 1 year ago #

    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;
    }

  5. nickmeul
    Member
    Posted 1 year ago #

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

  6. pictwee
    Member
    Posted 1 year ago #

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

  7. Native Imaging
    Member
    Posted 10 months ago #

    This seems to work for my sites

    .fb_iframe_widget span {
    overflow: visible!important;
    width: 450px!important;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic