Change in appearance of Enfold:facebook likebox

Having the same issue.It now displays the pages title as well as one row of followers. I can change the height to whatever I wand – the Display remains totally the same.

Development Site is http://www.georg-ludwig.de/aktuelles. I’ve tried the code-generator for the new plugin on facebook. Interesting to see, that it doesn’t accept data-height as well (see production site: http://www.stiletto-mode.de/aktuelles.

Maybe a Facebook-Problem ?

Hi, same problem for me, what can we do, the style is included in the bounding div and you can not change the css.

Regards.
Jean

Hi Ismael,

I’ve been trying this for a few days now (on a local hosted site) and I just can’t seem to get it to work. When I add the code generated by Facebook and I put it in the text Widget it will only display a blockquote saying: Facebook – it just wont show the FB image and faces. The only way I got it working was trough some code I found online:

<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/nl_NL/sdk.js#xfbml=1&version=v2.3”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

Is this the right way to do it?

• This reply was modified 8 years, 9 months ago by Pink_Monkey.

Hi Jean,

tnx for the fast response. I’ve put the code inside the textwidget together with the FB like button code. Is it better to put the code in the header.php? And if so, how can i do this using a child theme? Just put it in the functions.php?

Regards,
Sebastiaan

Hi Yigit,

I used your code and gave it a try, but it didn’t work. It didn’t show the widget. Can you please help me out.

It looked like this:

in functions.php

function add_custom_code_head(){
?>
 <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/nl_NL/sdk.js#xfbml=1&version=v2.3";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/facebook" data-width="294px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
<?php
}
add_action('wp_head', 'add_custom_code_head');

and in the textwidget in the sidebar:

<div class="fb-page" data-href="https://www.facebook.com/divalifestyle" data-width="294px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

But when i put all this in the textwidget it works fine (without using functions.php):

    <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/nl_NL/sdk.js#xfbml=1&version=v2.3";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script><div class="fb-page" data-href="https://www.facebook.com/facebook" data-width="294px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

• This reply was modified 8 years, 9 months ago by Pink_Monkey.