WordPress.org

Forums

Facebook Comments
Set width to 100% instead of 100px (10 posts)

  1. reypm
    Member
    Posted 1 year ago #

    Hi, I'm using your plugin and in previous version it works fine with some CSS hacks to expand container to 100%, after recently update the same hack stop working, how I can get this work again? I want to expand comments to 100% of container

    https://wordpress.org/plugins/facebook-comments-plugin/

  2. theatereleven
    Member
    Posted 1 year ago #

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

  3. theatereleven
    Member
    Posted 1 year ago #

    I'm using:

    #fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
    width: 100% !important;
    }
  4. theatereleven
    Member
    Posted 1 year ago #

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

  5. reypm
    Member
    Posted 1 year ago #

    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

  6. theatereleven
    Member
    Posted 1 year ago #

    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.

  7. Paul Thomson
    Member
    Posted 1 year ago #

    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

  8. theatereleven
    Member
    Posted 1 year ago #

    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.

  9. Paul Thomson
    Member
    Posted 12 months ago #

    <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

  10. Alex Moss
    Member
    Plugin Author

    Posted 11 months ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Facebook Comments
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.