WP social bookmarking lightはWordPressではかなりポピュラーなプラグで

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

 

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

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

 

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

social

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

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

 

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

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

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

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

 

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

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

 

そうすると、

social2

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

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

LINEで送る
Pocket