Facebook page widget not displaying correctly since the last update

I am having the same issue with my Facebook Comments plugin.

I have found the offending line in the SSBA plugin. On line 119 of ssba_styles.php, you’ll find .fb_iframe_widget span { width: 146px !important; }, which is most limiting the width of you Facebook widget.

To the plugin author, please remove this line, or make that line more specific so it doesn’t break other plugins.

@nick, as a temporary solution, I added this to the CSS > Additional CSS are of the plugin: .fb_iframe_widget span { width: 100% !important; };

Thanks.

This is also happening to me…. if I remove SSB my facebook like widget shows fine.

Same thing here. Also I noticed it has updated facebook comments API version. My code originally loads 2.4 but this plugin updates it to 2.6. That + this freaking !important code messed my post comments plugin badly.

@gecugamo your solution fixed my comments. Thanks!

@gecugamo: Thanks a lot for your answer and for your solution. As I am not very good in coding, can you tell me where did you add the code .fb_iframe_widget span { width: 100% !important; };

Is that in the general CSS file of your theme or in a CSS file of the Simple Share Buttons Adder plugin (if in a CSS file of the plugin, in which file?).

I just hope the developer of the plugin will address this bug soon and release an update…

Thanks.

@nick, I am actually putting it into the Simple Share Buttons Additional CSS field. It makes sense to put it here because it is related to the plugin, and it will be added after the offending line.

To get there, hover on Settings, and click Simple Share Buttons. From there, click the CSS dropdown and select Additional. Paste .fb_iframe_widget span { width: 100% !important; }; into the textarea and save.

@gecugamo: Thanks a lot for your answer. I followed your instructions and paste the code .fb_iframe_widget span { width: 100% !important; }; into the Addition option of CSS in the plugin.

Unfortunately, it results to completely remove the FB page widget into a blank space. I let it in the site for your reference. You can see the blank space (where the FB page widget is supposed to appear) in the sidebar just above the Youtube widget: https://www.nicolassarrasin.com/priorites-objectifs-actions-reves

I use a Genesis theme. Do you have any idea for another solution?

Thanks!

I also found my Facebook Page code was cut in half with the latest update.

@nick, sorry about that. Looks like that is not a universal fix. In your situation, swapping 100% for 250px should do the trick.

@gecugamo: Thanks! Your trick solved the major problem and now the FB widget has the right width!

Unfortunately, I see another problem caused by the conflict with the Simple Share Buttons Adder plugin… My site is in French, and I put the right parameters to display the Facebook page widget in French too. When Simple Share Buttons Adder plugin is deactivated, the FB widget displays correctly in French, but when activated with the CSS fix code, it seems to remove the French parameters and it displays in English…

Very strange… and I am still hoping the Simple Share Buttons Adder plugin author will release a fix soon in order to fix all these conflicts.

How does one regress to an older version of a plugin? Of course only the newest version seems to be available.

@nick, that is strange. I don’t have any advice for the language issue.

@frizzlefried have you tried adding the CSS I posted? Typically, you’d see past versions of the plugin under the Developer tab of the plugins page. Strangely, there is only version 6.2.2 available for download. If you’re able to find an older version, the process is as follows:

1. Backup your database
2. Deactivate the plugin
3. Through FTP, upload the old plugin over the old one
4. Activate the plugin

@gecugamo, thanks for your tip. I also use a Genesis theme and with your code I could fix this for viewers on a laptop. Unfortunately when I view my site on my phone, it still cuts FB in half. Do you maybe also have a solution for that?

Thank you very much!

p.s. my website is
https://www.stromen.eu
and this FB thing you see on all pages except for the homepage ??

Hi everyone,

Thank you for reporting on this issue, I have alerted the engineering team and we will look into the problem.

Once we know more we’ll give an update on our end, if you have any other questions please let us know.

I was about to post the thread but then I saw this. I’m also having the exact same problem. I tried 3 different Facebook Page widgets, plus the one that came default with my theme (MH themes) and it still cuts the Facebook page in half.

For now I used gecugamo’s solution. It worked.

Hi,

I am the author of the Facebook Page Plugin and I am receiving numerous support requests thanks to the latest update (and strangely the only available version) of this plugin.

The offending line of code is line 119 in inc/ssba_styles.php. Either get rid of it, or increase the specificity to only affect your plugin. It’s not that hard. I’m yet to see the width: 100% !important fix actually work on a site, it requires a pixel value which is not really an option on responsive websites.

It’s quite disheartening that after a month with so many complains nothing has been done.

For users, the best thing to do is to delete the offending line from SSBA.

Please fix this ASAP. You’re screwing with thousands of websites
Cameron