対処

ブログのいいねボタンが、PCで見ると下にずれてしまう 対処法

Categories | ブログ(WordPress)

去年の事ですが、

スマホで自分のブログ(ワードプレス)見ると、FBいいねボタンだけ下にずれて

しまう対処をしましたが、(対処法参照

今度はPCでも下にずれてしまうようになり、調整しました。

0423 400x300 ブログのいいねボタンが、PCで見ると下にずれてしまう 対処法

利用しているプラグインは「WP Social Bookmarking Light」。

以前スマホ用に対処したタグは消して、

新たに下記をCSSに追記しました。

ダッシュボード → 設定 → WP Social Bookmarking Light → styles

.wsbl_facebook_like span{
    vertical-align: top !important;
}
.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}

 

以上

Comment(0) | Trackback(0)

TAGS: / / / / | 2015年4月23日 |

ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法

Categories | ブログ(WordPress) スマホ

自作したブログ(ワードプレス)に、プラグイン「WP Social Bookmarking Light」を

インストールし、記事内にソーシャルボタンを表示させた。しかし、最近になりスマホ

で見ると「いいねボタン」だけが下にずれてしまう。PCでは問題ないのに・・・

ググッて対処法あったのでメモる。

2014 05 03 01 300x225 ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法対処前

対処法は

ダッシュボード → 設定 → WP Social Bookmarking Light → styles

Custom CSS に下記を追記

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

2014 05 03 02 300x248 ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法

スマホで確認してみた。

2014 05 03 03 300x225 ワードプレスをスマホで見ると、いいねボタンが下にずれる対処法

元に戻った。ヨカッタヨカッタ。

Comment(0) | Trackback(1)

TAGS: / / / / / | 2014年5月2日 |