Like popup button is cropped

  • There seems to be something horribly wrong with the coding for the “Like” popup window, becouse it is cropped so badly it is completely unusable. I have had to change the width of an element like this in order for it to work:

    .fb_iframe_widget span {
    width: 150px !important;
    }

    This causes problems with responsiveness though, so it is not a good solution. Please get this bug fixed asap, it completely renders the like button unusable.

    I have the latest version of Facebook plugin, the Twenty Eleven theme and my site is at CraftersU.com

    https://www.ads-software.com/plugins/facebook/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Niall Kennedy

    (@niallkennedy)

    It looks like you are unhappy with the behavior of the Facebook Like Button social plugin executing on your web page, not the Facebook plugin for WordPress outputting the appropriate markup for interpretation by the Facebook SDK for JavaScript.

    You can follow and file issues with the Like Button on Facebook’s developers site.
    https://developers.facebook.com/bugs/custom/?tag_ids=246819798681886

    Thread Starter craftersuniversity

    (@craftersuniversity)

    I don’t know what you are talking about, i only have one Facebook plugin and it is simply called “Facebook” and described as:

    “Add Facebook social plugins and the ability to publish new posts to a Facebook Timeline or Facebook Page. Official Facebook plugin.

    Version 1.5.5 | By Facebook “

    Which is the identical description used for the plugin that this forum concerns.

    Plugin Contributor Niall Kennedy

    (@niallkennedy)

    If you are referencing a Like Button popup window and the CSS within then your real problem is with the Facebook Like Button social plugin, not the pieces of that social plugin on your webpage.

    Thread Starter craftersuniversity

    (@craftersuniversity)

    Ok, i’m not sure why Facebook social plugin covertly installs another plugin, but i got it finally to work with this piece of css code:

    .fb_iframe_widget, .fb_iframe_widget span {
    width: 100% !important;
    }

    Besides, i am hardly the only one who suffers from this problem, so whether it is bad coding in your plugin or some one elses, the right choice should still be to include a solution for it. Such as my code above, if no other better solution is found.

    I’m having the same problem. I tried craftersuniversity’s fix, it works but it messed up the page styling.

    Also, I wish this issue got more constructive replies. The link above does not provide a solution.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Like popup button is cropped’ is closed to new replies.