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

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」に追加したほうが無難です。

関連記事

PHPがわからないけどWordPressをもっと理解したい人向けの電子書籍(441円)... WordPressを使っているけどPHPがよくわからない人向けの電子書籍がありましたのでご紹介。 ※ステマじゃないです WordPress3.5対応 テーマカスタマイズのためのPHP 表紙がシンプルすぎるのが残念です。表紙で損をしている気がします。 タイトルを見るとテーマカスタマ...
WP Social Bookmarking Lightをもっと便利に使う方法... WP Social Bookmarking LightとはWordPressで使用する便利なプラグインです。 簡単にソーシャルボタンが設置できるのでこのブログや他のサイトでも利用させてもらってます。 Twitter のつぶやくボタン、Facebook のいいねボタン、はてブのブックマーク...
WordPressのテーマをリニューアルした理由... 新年早々このブログのテーマをリニューアルしました。 なんで変えたのかとかそのあたりの考えを伝えたいと思います。 最近のWordPressを知るため このブログはWordPressで構築されています。 以前はWordPressの興味が高かったので進んで、WordPressのテーマを色々...
このブログのデータが全部消えました(復旧済)... ちょっとした操作ミスでこのブログの全データを削除してしまいました。 気がついた時は愕然としたのですが、ちゃんとバックアップを取ってましたからすぐ復旧できて、トラブルにはならなかったのですが、予定外の事故だったのでなかなか貴重な体験をできました。 サイトのデータが削除されたと気がついた...
WordPressのテーマを作る時に気をつけている事... WorsPressのテーマを作れるようになって数年経ってリニューアルとか運用をする中でテーマをこうやって作っておけばよかったなと反省して最近は私が気をつけているテーマ制作のポイントを紹介します。 前提の環境 私はコーディングは得意ですがPHPをガリガリ書けるというわけでは...
WordPressのテーマの作るのに簡単・軽量・快適な開発環境をくれたWocker... これまでWordPressの開発環境はVCCWで作っていましたがちょくちょく名前の聞くWockerを今年になってから試してみたら思いの外良くて開発環境を完全に移行しました。 ※別にVCCWが悪いとか言うわけではなくて、私の目的(テーマ開発)にとっては使いやすかっただけです。 Wocker...