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; }
Facebook’s new “Page Plugin” width ranges from 180px to 500px as per the documentation. If configured below 180px it would enforce a minimum width of 180px If configured above 500px it would enforce a maximum width of 500px With Adaptive Width checked, ex: Unlike like-box, this plugin enforces its limits by sticking to the boundary … Read more
You could try $(window).load(function() { instead of $(document).ready(function() { so it will wait until after your images and everything has loaded. If that doesn’t help, then I would suggest having them only appear on hover. Have a bunch of static images / CSS sprites, that get replaced when the user hovers over them. If you … Read more
You need to fill the value for Website with Facebook Login with the value http://localhost/OfferDrive/ to allow Facebook to authenticate that the requests from JavaScript SDK are coming from right place
none of these methods worked but using this idea, the following worked for me: .fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe { width: 100% !important; }
You don’t need all that code. All you need are the following lines: <a href=”https://www.facebook.com/sharer/sharer.php?u=example.org” target=”_blank”> Share on Facebook </a> Documentation can be found at https://developers.facebook.com/docs/reference/plugins/share-links/