【WordPress】facebookの「いいね!」のボタンがズレる

WordPress

こんにちは、ととろ@休職中です(*´∀`)

珍しく本日2回目の更新です。
今回はエンジニアらしく(?)WordPressネタです。
私のブログ記事には記事上部に
twitter
facebook
google+
で共有するボタンがついてますが、
なぜだかfacebookのいいね!ボタンだけずれるのです。

【PC】
blog
あんまり気にならないかもしれないですが、
なんだか一段下に下がってます。

【スマホ】
写真 2014-05-22 17 28 39
もはや文字に被っていて読めない(笑)
って、笑い事ではない。

という訳で、検索してみたところ、
簡単に解決出来るらしい。

ちなみにこのソーシャルボタンは
WP Social Bookmarking Light
というプラグインを使って表示させてます。

WordPressのダッシュボードの左メニューの
「設定」→「WP Social Bookmarking Light」→タブ「スタイル」を選択。
Custom CSSが表示されるので最後に下記コードを追加します。

.wsbl_facebook_like span{
    vertical-align: top !important;
}

追加したら「変更を保存」ボタンをポチっと。

直った!キタ━(゚∀゚)━!
と思ってましたが、
残念ながらPCしか直ってませんでしたorz

というわけで、スマホ用にさらに下記コードを追加。

.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

これでスマホも直りました。

最初気付いてなかったので、
スマホでご覧のみなさまにはご迷惑おかけしましたm(__)m

タイトルとURLをコピーしました