WP Social Bookmarking Lightのいいねボタンのレイアウト崩れの直し方

このブログのソーシャルボタンは「WP Social Bookmarking Light」を使っています。
気がついたら「いいねボタン」だけ数px低い位置にレイアウトされていたり、段落落ちして広告に隠れてしまったりしていましたのでその修正方法をメモ。
01

CSSに下記を追加すれば他のソーシャルボタンと同じ高さの位置に戻ります。

.fb_iframe_widget span{
vertical-align: top !important;
}
.wsbl_facebook_like{
    width: 105px;
}

プラグインの設定からでも上記のCSSは追加可能ですが、プラグインがアップデートしたときに上書きされて消えてしまうかもしれませんので、テーマ用の「style.css」に追加したほうが無難です。

宣伝

最近Webデザイナ向けのお役立ちサイトを作りました。よかったらこのサイトも御覧ください

この記事を書いた人

conti

名古屋在住のUIデザイナ。UIコンポーネントの設計と運用と素早くプロトタイプを作りながらフロントの実装するのが得意です。最近はReactを触るのとデザインシステムを作るのが好きです。コーギーと暮らしています。
プロフィール