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.
Thread Starter
reypm
(@reypm)
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: http://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 http://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