Search code examples
cssfacebookcommentsfacebook-social-pluginsxfbml

How to make Facebook comments widget a fluid width?

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...

Solution

  • I found a solution using css. Inspiration came from this article http://css-tricks.com/2708-override-inline-styles-with-css/

    .fb-comments, .fb-comments iframe[style] {width: 100% !important;}