Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

like image 897
at. Avatar asked Sep 16 '11 16:09

at.


People also ask

What does up mean in Facebook comment?

In the description for upvotes, Facebook explains that: “Press the up arrow if you think the comment is helpful or insightful” While the downvote option is for: “… if a comment has bad intentions or is disrespectful.


2 Answers

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; } 
like image 159
AJ Savino Avatar answered Sep 21 '22 15:09

AJ Savino


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;} 
like image 26
Alan Avatar answered Sep 23 '22 15:09

Alan