WordPress.org

Ready to get started?Download WordPress

Forums

Facebook
Thinner Likebox please (10 posts)

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

    http://wordpress.org/extend/plugins/facebook/

  2. Niall Kennedy
    Member
    Plugin Author

    Posted 1 year ago #

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

    The Facebook plugin for WordPress incorporates that minimum.

  3. OC2PS
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

    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.

  6. danharding
    Member
    Posted 11 months 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,
    Dan

  7. Frenkie
    Member
    Posted 11 months 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
    Member
    Posted 10 months 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}

    Thanks

  9. graphicfusion
    Member
    Posted 10 months ago #

    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.

  10. alexcm84
    Member
    Posted 3 months 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

About this Topic

Tags

No tags yet.