[CSS]Facebookの「Like Box」の背景色を変更する方法

CSSスニペット

2014.08.28

FacebookのLike Boxプラグインに使える背景色が「light」と「dark」の2種類しかないため、

今回はブログのデザイン（背景色）に合わせてLike Boxの背景色を変更する方法を紹介させていただきます。

※Like Boxの設置方法については、別途Facebook のLike Boxをブログに設置する方法の記事も参考にしてみてください。

Like Boxの背景色を変更する

FacebookのLike Boxページで発行されたコードをHTMLファイルにペースト後に、

<div class="fb-likebox">
<iframe src="//www.facebook.com/plugins/likebox.php?href=****">
</div>

</div>

CSSで以下のように指定します。

.fb-likebox	{
	width:250px;
	background-color:#ffffff;
}

.fb-likebox {

width:250px;

background-color:#ffffff;

}

background-colorの値をお好みの色に変更してください。