Facebook Like Box documentation specifies the “minimum supported plugin width is 292px.”
The Facebook plugin for WordPress incorporates that minimum.
Thread Starter
OC2PS
(@sooskriszta)
Do they specify a reason? It’s a bit insane. What will I do with 292px wide Likebox if my sidebar is 200px wide…
Thread Starter
OC2PS
(@sooskriszta)
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;
