WordPress.org

Support

Support » Plugins and Hacks » Facebook » Thinner Likebox please

Thinner Likebox please

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Niall Kennedy

    @niallkennedy

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

    The Facebook plugin for WordPress incorporates that minimum.

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

    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>

    Yes, its a major issue. I have posted it earlier here but no replies:
    http://wordpress.org/support/topic/facebook-1111-bug-like-box-widget-not-saving-width-below-292
    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.

    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,
    Dan

    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/

    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}

    Thanks

    Alex

    @graphicfusion

    you can just put

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

    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.

    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;

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Thinner Likebox please’ is closed to new replies.
Skip to toolbar