Set width to 100% instead of 100px

This happened to me too…the responsiveness that was working just quit working.

I’m using:

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

Anyone on this? Alex’s plugin was working awesome until this latest update.

Apparently is not possible to modify iframe external sources, no with CSS no with Javascript so I tough there is not way to avoid this anyway if someone knows will be good for us

This used to work by using this code in your stylesheet:

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

The !important allows you to override the defaults. Something changed in either the plugin or Facebook in the last couple weeks that made it not work anymore.

All,

A solution I think should be introduced in next version: https://stackoverflow.com/a/22328835

I’ve yet to try it but don’t see any issues with it. Let me know how you get on…

Paul

Paul, where should I implement the java script for the above solution? I’m a CSS guy, and I know a little PHP, but javascript always confuses me.

<div class=”fb-comments-unloaded” data-href=”…” data-numposts=”10″ data-colorscheme=”light”></div>

– Then the custom JS from https://stackoverflow.com/a/22328835
– Then the standard Facebook JS code

I’d recommend putting the custom js and facebook js code just before the </body>

let me know how you get on.
Paul

Did anyone get this all working? I have been trying to find a great solution without messing around with Facebook’s core code but it’s proving difficult.

To note: the changes that affected this issue were caused by Facebook changing the output rather than the plugin itself. Hope this helps