QUICK FIX: FACEBOOK LIKE BOX WIDTH ISSUE

Today Facebook updated the minimum supported plugin width for their like box widget to 292 pixels. If you had a like box on your website with a width of less than 292 pixels you probably noticed today that your website looks a little funny. There’s a once narrow Facebook like box venturing out to places it shouldn’t be.

The good news is that there is a quick fix. Just add this CSS to the bottom of your style sheet and you’re all set:

.fb_iframe_widget>span { width: your_width_in_px !important; }
.fb-like-box iframe { width: your_width_in_px !important; }

Obviously just make sure to replace “your_width_in_px” with the pixel width you need to use.

facebook_like_box_width_fix

I did a ton of digging on the web before I stumped upon this so I figured I’d post it here in case it could helpful to anyone else.

Thanks to Ynhockey for originally figuring this out.

Do you need online marketing help? At Watch Street Consulting we off affordable SEO, social media, email marketing and more. Contact us for a free quote.

About the author

Watch Street Consulting is a veteran-owned website design that empowers political campaigns, advocacy groups, and professional associations with powerful websites and compelling graphic design.