How to make Facebook comments widget a fluid width?

css facebook comments facebook-social-plugins xfbml
at. picture at. · Sep 16, 2011 · Viewed 35.6k times · Source

Is it possible to make Facebook's comments widget a fluid width? Their documentation shows a width field for the fb:comments xfbml or iframe which is specified as:

  • width - the width of the plugin in pixels. Minimum recommended width: 400px.

So maybe it's not possible...

Answer

AJ Savino picture AJ Savino · Apr 18, 2012

Alan your solution was working however it looks like facebook updated their plugin and broke the style. I got it working again using the universal selector:

.fb-comments, .fb-comments * {
    width:100% !important;
}

Related questions

hide scrollbar and show on hover like facebook's new chat sidebar

Facebook just updated chat (yet again) and now a new fixed side bar stays on the left of the screen. when its contents overflow, a scroll bar appears, but only if scrolled with the mouse wheel or if mouse moves …

Read More
How can I make the Facebook Like button's width automatically resize?

I'm implementing the Facebook Like Button, but I'm running into some trouble with the width. I'm using the JavaScript SDK implementation, not the direct iframe. According to the documentation, the default width is 450. That's fine, and I understand that the …

Read More
customizing facebook like-box

I would like to customize the design of my facebook like-box. ive already search the net and follow all the instructions, here's the link ive tried but its seems obsolete: http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/ there are lots of …

Read More