Thinner Likebox please (10 posts)

  1. OC2PS
    Posted 2 years ago #

    Why can't I set the width of Likebox to less than 292px? SFC plugin allows it, as does FB cache, so why not Facebook plugin?


  2. Niall Kennedy
    Plugin Author

    Posted 2 years ago #

    Facebook Like Box documentation specifies the "minimum supported plugin width is 292px."

    The Facebook plugin for WordPress incorporates that minimum.

  3. OC2PS
    Posted 2 years ago #

    Do they specify a reason? It's a bit insane. What will I do with 292px wide Likebox if my sidebar is 200px wide...

  4. OC2PS
    Posted 2 years ago #

    P.S. Funnily enough, Facebook Like Box code generator does accept lower numbers, and generates live example as well as code based on that.
    e.g. generated by Facebook official code generator on the above link
    <div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="200" data-show-faces="true" data-stream="false" data-header="true"></div>

  5. Shashank Shekhar
    Posted 2 years ago #

    Yes, its a major issue. I have posted it earlier here but no replies:
    If my box going out of site, I must need to reduce width; and if its working in html embed, it must work with widget too. It not matters if FB recommends to set min at 292. It should be fixed in plugin to make usable for wp custom site themes, rather to maintain the unnecessary recommendation.

  6. danharding
    Posted 2 years ago #

    Hi everyone,

    If you view-source/inspect-element on the Facebook like box widget and COPY the code, you can then PASTE this code back into a normal 'Text' widget. Change the width="xxx" to whatever you want - I use 250px - and then click 'Save'.

    Should work fine. Though I haven't tested cross-browser.

    Cheers and God Bless,

  7. Frenkie
    Posted 2 years ago #

    It's also not 100% responsive, it would be great if the author could have a look at this since most of the sites are/will be responsive nowadays and the 'standard' like box code from the developers site works just fine.

    Hope to hear from this.

    Solution:: please try to use and edit the 'standard' like box code on: https://developers.facebook.com/docs/reference/plugins/like-box/

  8. sonimanoj
    Posted 2 years ago #

    Hello, To Reduce the Like box Enter below in Your Style Sheet, I have got it done and works fine.

    .fb_iframe_widget iframe {width:230px !important}


  9. graphicfusion
    Posted 2 years ago #

    you can just put

    <style type="text/css">
    iframe {
    width: 200px !important;
    height: 288px !important;

    right after your iframe facebook embed code. Of course if you are using iframes anywhere else on the page that will mess them up as well.

  10. alexcm84
    Posted 1 year ago #

    I did it editing the file class-facebook-like-box.php located inside wordpress / plug-ins / Facebook / social-plugins directory.

    I changed the MIN WIDTH value.

    * Minimum allowed width of the Like Box in whole pixels.
    * @since 1.1.11
    * @var int
    const MIN_WIDTH = 230;

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Facebook
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.