如何在wordpress中更改“facebook comments plugin”的颜色?

时间:2012-02-27 08:50:03

标签: facebook plugins comments

我已在我的word press(http://www.delicatebonds.com/office-romance-dos-and-donts/)上安装了此插件,但评论的字体颜色为白色。这个盒子的背景也是白色的。正因为如此,评论不可见。

我必须将此框的背景更改为黑色,或者我需要更改注释的颜色。有人请帮帮我。我不知道如何在这个插件中进行更改........

2 个答案:

答案 0 :(得分:0)

为什么不使用插件的 light 版本?
只需从插件代码中删除colorscheme="dark"属性即可。

您似乎正在使用旧的wordpress插件? 尝试手动将plugin代码添加到您的单个帖子文件中并检查结果:
1 - 在您的页面上包含一次JavaScript SDK,最好是在开始标记之后(*替换为您的app_id *)。

<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_US/all.js#xfbml=1&appId=YOUR_APP_ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

2 - 将插件的代码放在您希望插件显示在页面上的任何位置(删除href值)。

<fb:comments href="http://example.com" num_posts="50" width="500" colorscheme="dark"></fb:comments>

答案 1 :(得分:0)

这是我为此创建的解决方案。将Facebook评论代码包含在<div>中,并为其添加一个类。像这样:

<div class="fb-background-color">
<div class="fb-comments" data-href="" data-width="100%" data-numposts="5"></div>
</div>

然后,将CSS背景属性添加到它:

.fb-background-color {
background: blue !important;
}

希望以某种方式帮助你!