1. Plugins
  2. Facebook Components
  3. Support

Facebook Components

Facebook components for October CMS

← Back to Facebook Components Support

info51092
info51092

Hello,

A week or so ago, the FB Page Box component stopped being properly styled on my page. You can see it here: https://blackbirdbrigade.com/

I'm guessing that it might have been a change either to my style sheet or conflicting styles with another plugin. I checked the link generated for the iframe, and the contents properly style on their own. You can see that here:
https://www.facebook.com/v2.3/plugins/page.php?adapt_container_width=true&app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df1989c8a9ae5314%26domain%3Dblackbirdbrigade.com%26origin%3Dhttps%253A%252F%252Fblackbirdbrigade.com%252Ff1cfdaad2c02e8%26relation%3Dparent.parent&container_width=342&height=650&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2FBlackbird-Brigade-479207389146738%2F&locale=en_US&sdk=joey&show_facepile=true&show_posts=true&width=360px

I've poked around and cannot get to the cause. I can't seem to isolate any factor that can be causing it, and removing styles for an iframe, that I recently applied to my stylesheet, doesn't seem to correct the issue. It really has me stumped...

Can you see if there is any way to fix the issue? If not, I'll probably just have to switch plugins.

Thanks! :)

Algad
Algad

hi

I have updated on 27 february 2020 the FB page box components :

https://github.com/Alexandre-Gadiou/OctoberCMS-Facebook/commit/57b18a9e46a303ee55c773e4351fec9c67f74a33

I think you need to check the version of facebook api change 2.3 to v6.0

js.src = "//connect.facebook.net/{{YOUR_LANGUAGE}}/sdk.js#xfbml=1&version=v6.0";

<div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/{{YOUR_LANGUAGE}}/sdk.js#xfbml=1&version=v6.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Hope it will help you

Regards,

Alex

Last updated

1-2 of 2

Please login to reply to the discussion.