Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 7, 2014 at 4:29 pm #331724
    alteregousa

    Hi,

    After reading a few posts in this forum, I tried to change the text color inside the Facebook like box widget with different Quick CSS codes. I was not successful, my text is not well readable because it is very dark on black background. I’d like to keep the black background and have regular text in white (“You like this” and “You and 250 others like”). Would you be able to help me?
    The page is http://alter-ego.it

    Thank you in advance for your assistance.
    Enfold theme is getting better and better, I love the new updates.

    October 7, 2014 at 10:50 pm #331941
    CarineDeville

    Hey,

    I’m also interested by the solution. I’ve the same problem.
    Thx
    Carine

    October 8, 2014 at 7:12 am #332147
    Ismael

    Hi!

    Thank you for using Enfold.

    I’m sorry but you can’t modify the facebook widget with css. You might need to use another facebook widget plugin or create your own facebook widget here: https://developers.facebook.com/docs/plugins/like-box-for-pages

    Cheers!
    Ismael

    May 5, 2015 at 11:03 pm #440046
    anhanhoi

    Hi guys, updating this thread, hope it’s ok.
    The facebook plugin has not changed
    https://developers.facebook.com/docs/plugins/page-plugin#settings
    So when generating plugin code, I get these 2 codes:

    1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
    <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/sv_SE/sdk.js#xfbml=1&version=v2.3″;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));</script>

    2. Place the code for your plugin wherever you want the plugin to appear on your page.
    <div class=”fb-page” data-href=”https://www.facebook.com/kinnohashihalmstad?ref=bookmarks&#8221; data-width=”280″ data-height=”130″ data-hide-cover=”false” data-show-facepile=”true” data-show-posts=”false”><div class=”fb-xfbml-parse-ignore”>

    Kin no hashi Sushi – Pho

    </div></div>

    I have no idea where to put them, I’ve read on places to put them in php files, but which ones?

    Thanks!
    Anh

    May 7, 2015 at 4:46 am #440733
    Rikard

    Hey @anhanhoi!

    It depends on where you want to display it but you could try a Code Block element or maybe a Widget?

    Regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.