Hi,
I would like to change my Face Book Like Box. Right now, it’s in the footer on the left. I would like to have it bigger and in the middle. But I haven’t figure out how to move it. If I use a Facebook Like Box plugin (I tried 2 different ones) it doesn’t show at all…
Thanks for helping,
Chris
Hi Chris
So sorry for the delay. Are you asking about the Like plugin used at the bottom of your posts?
Private Snippet
or did you perhaps change the footer setup since posting?
Hi Andrew,
no, I mean the Box at the bottom of every page.
No, I didn't change the footer setup.
Thanks. I’m not able to locate the Like Box you’ve mentioned. I just see your copyright in the footer. Can you confirm where the like box is located?
It's right above the copyright.
It’s not displaying on my side. That widget is blank:
I’m using Chrome, I’ve also checked in Safari. Nothing seems to be showing.
Mhm, ok… I checked in Safari and don't see it either… On Firefox it's showing…
On the widget site for the footer it says:
<iframe style="border: none; overflow: hidden; height: 258px;" src="//
http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fchrisfitvienna&width&height=258&colorscheme=dark&show_faces=true&header=false&stream=false&show_border=true"
width="500" height="150" frameborder="0" scrolling="no"></iframe>
Nevermind, is it possible to show this in the middle of the footer? Any
Plugin or code to make it work?
Is it possible you’re seeing a cached result? I don’t see it in Firefox either. Ideally, I’d need to see the widget to assist with size and positioning.
Like Box has been depreciated. Go here to create a new plugin with the replacement plugin option:
https://developers.facebook.com/docs/plugins/page-plugin
About the Cache Version, I'm not sure.
The problem with the new plugin from the developers, it doesn't show anything at all… Just a black or white screen…
Let me try build one quickly. Moment…
How are you inserting the script?
The following should be inserted using a plugin like Header and Footer Scripts:
https://wordpress.org/plugins/header-and-footer-scripts/
<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/en_GB/sdk.js#xfbml=1&version=v2.5&appId=1579899722288110"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>Then this next section can go in the Text widget:
You’d ideally need to re-create this code because I think it might be linked to my Facebook Profile. Thanks.
Hi,
I did it exactly as you wrote it. It should be there, but I can't see it…
Can you perhaps send the code, both for the header and the actual code to insert so I can test locally?
That's what I put in (as you wrote before):
<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/en_GB/sdk.js#xfbml=1&version=v2.5&appId=1579899722288110";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Then this next section can go in the Text widget:
<div class="fb-page"
data-href="https://www.facebook.com/chrisfitvienna" data-height="500"
data-small-header="false" data-adapt-container-width="true"
data-hide-cover="false" data-show-facepile="true"
data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/chrisfitvienna"><a href="https://www.facebook.com/chrisfitvienna">Chrisfit</a></blockquote></div></div>
2015-11-09 17:59 GMT+01:00 Andrew Misplon <
forum+17522-u16088-adcadeb0d4d5bfd97901952e80708727dbd4c4ae@siteorigin.com>:
I can get it to work on my side. Can I login and take a look?
Do we already have an account? Could you check, please.
This is a private message.
This is a private message.
The Facebook “plugin” is now working. In the header footer scripts interface I moved the script from the footer field to the header field. I also moved the display HTML from a SiteOrigin Editor widget to a Text widget. I then added one rule to the bottom of your Custom CSS to center the “plugin”.
Ok I cleared the cache and this is how it looks in firefox and chrome:
https://drive.google.com/file/d/0B9uecGSJpYdjVV9uTy1CNTN6T0k/view?usp=sharing
https://drive.google.com/file/d/0B9uecGSJpYdjS0pDOUZDLXlFLWs/view?usp=sharing
It's not visible…
2015-11-09 22:46 GMT+01:00 Andrew Misplon <
forum+17522-u16088-adcadeb0d4d5bfd97901952e80708727dbd4c4ae@siteorigin.com>:
Even after clearing cache your site is still loading the older version. I can see a SiteOrigin Editor in the footer instead of the Text widget I know to be there. You are caching with CloudFlare I think. This is most likely the cause. We’re viewing a cached version.
Ok, so how can I change that?
2015-11-09 22:59 GMT+01:00 Andrew Misplon <
forum+17522-u16088-adcadeb0d4d5bfd97901952e80708727dbd4c4ae@siteorigin.com>:
It might just be W3 Total Cache plugin you’re using. I cleared that now and it seems to have worked. You can clear that in future by logging in, clicking Performance in the top admin bar and then clear all caches.
Perfect! It works now! One last question: Is it possible to change the width?
2015-11-09 23:20 GMT+01:00 Andrew Misplon <
forum+17522-u16088-adcadeb0d4d5bfd97901952e80708727dbd4c4ae@siteorigin.com>:
Sure :)
That’ll all come down to when you create the plugin (Facebook call it a plugin) on Facebook.
https://developers.facebook.com/docs/plugins/page-plugin