FC2ブログ facebook⇔ツイッター等のマークの横の間隔幅を狭くしたい ＮＯ.3

ＦＣ2ブログのテンプレートSoutherly（http://fc2information.blog.fc2.com/?share=45312& …）を使用しています。

de_viantさんに下記のご回答を頂き位置を上に変更することができました。
そのfacebook⇔ツイッター⇔P⇔G⇔〇の横の間隔を狭くしたいのです。

度々、申し訳ありませんが宜しくお願いします。

●●●【 Southerly11111 】 のスタイルシート編集　●●●

.contents {
　clear: both; /*追加*/
padding: 20px 0;
}

●●●【 Southerly11111 】 のスタイルシート編集　●●●

.permanent-inner-footer-sns .fa {
fon-size: 80%; /*追加*/
width: 20px; /*修正*/
height: 20px; /*修正*/
line-height: 20px; /*修正*/
border-radius: 50%;
background-color: rgb(240,100,120); /* 個別記事下SNSシェアアイコン背景色 (approx)Froly */
text-align: center;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.sns {
float: left;
padding-top: 10px;
}

.permanent-inner-footer-sns .fa:before {
line-height: 10px;/*修正*/
}

.enclose {
float: left;
}
.sns {
float: left;
padding-top: 10px;
}
以上

No.1 ベストアンサー 回答者： de_viant 回答日時： 2017/08/16 20:29

スタイルシート編集で以下のようなコードがあります。

.entry-info ul li {
margin-right: 1em;
}
ここの 1em を小さくすれば狭まります。
0 にしてもまだ広いと感じる場合は、以下のコードを変更します。
.permanent-inner-footer-sns li {
margin-left: .5em;
}
.5em を小さくしていきます。
ここを小さくするとコメントとFacebookとの間も狭まってしまいますので、
以下のコードを新たに付けたしてください。
.permanent-inner-footer-sns li:first-child {
margin-left: .5em;
}
これを変更すればコメントとFacebookとの間だけを変更できます。


あと、前回書いたタイプミスの font-size は修正してないようでしたら変更してくださいね。
https://oshiete.goo.ne.jp/qa/9885632.html

この回答へのお礼

度々、ありがとうございます。
いつも本当に助かっています。
ありがとうございました。

お礼日時：2017/08/17 20:01