WP social bookmarking lightでずれるのを直す方法

こんにちは。埼玉在住のフリーランスエンジニアのとしです！

WP social bookmarking lightはWordPressではソーシャルボタンを簡単に入れられるポピュラーなプラグインで

いいね！ボタンや、Twitterのボタンを簡単に記事に導入できるプラグインです。

 

しかしながら、なんだか標準のままだとボタンがずれるんですよね。

なので、簡単にCSSで直す方法をお伝えします！

 

かつての私のサイトのWP social bookmarking lightでいれたSNS系のボタンの並びはこんな感じ！

 

確かにずれていますし、Twitterボタンの右横に無駄な余白がありますね。

これは簡単にキレイに並べることが出来ます。

 

先ず、CSSを記述するので、テーマに直接書くのではなく、Simple CSSの

プラグインを使って、記述しましょう！

Simple CSSの導入方法はこちらのページにあります！↓

404 NOT FOUND | TEDASK | TEDASK

お探しのページは見つかりませんでした。

tedask.jp

》WordPressで気軽に・簡単にCSSを書くならSimple CSSがお勧め！

 

CSSにはこの記述を書くだけで完了です！

.wp_social_bookmarking_light iframe {
  margin: 0;
}
.wsbl_twitter{
  width: auto !important;
}

 

そうすると、

 

はい、キレイに並びましたね！

ご参考になれなと思います。