Support » Plugin: Facebook Comments » Set width to 100% instead of 100px

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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: 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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Set width to 100% instead of 100px’ is closed to new replies.