Blogger記事下部のSNSボタン行の上下マージンを調整してみた

こんばんは。
tanayasu99(たなやす)です。

またもや、ブログのデザインが気になり、微調整してみました。今回は、記事の下部に追加してある「SNSボタン」の行の上と下にあるマージンです。ちょっと広すぎるかなぁ..っと気になっていました。

SNSボタン行の上下マージンを調整

いつものように、Chromeのデベロッパーツールを使い、プレビューしながら調整を試みます。

「div id="single-footer"」内の「div class="single-share"」にある、「margin-top」(上のマージン)と「margin-bottom」(下のマージン)が関係しているみたい。



BloggerのカスタムHTMLでは、次のコード内にある「4em」を「0.4em」に調整してみました。

/* SNSボタン */
#single-footer .single-share{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

結果、狭めることに成功しました😁。



ちなみに、上部にある「SNSボタン行」とは連動していなかった事は、後日「あ、上にもあったんだっけ？」と気が付いた。うん、上部の方はそのままで良し。

後記

些細な調整だったなぁ😅しかも、ほとんど使わない＆使われない部分だし😂...まぁ個人的な見栄えの問題でした。

使う・使わないでいえば唯一、記事作成の過程で、記事タイトルと記事URLを一括取得したい時に、Twitterボタンを押すと便利だというぐらいです。


おわり。
↓これをクリックすると、私のやる気が出ます。ブログ村が開かれるようになっていますが閉じて良いみたいです。よろしくお願いします。