WordPress Jetpack SNSボタンを大きくする

 

「スマホで見ると小さい!」とのお嘆きの貴兄に・・・

特に自作テンプレだと小さくなるので

使用しているCSSに次を追加するとOKです

 

/* SNSを大きく */
.sd-social-icon .sd-content ul a:before,
.sd-social-text .sd-content ul a:before,
.sd-content ul div.option.option-smart-off a:before,
.sd-social-icon-text .sd-content a:before {
font-size:50px !important;
}

/*間隔を広く */

.sd-social-icon .sd-content li{
margin-left:20px !important;
}

 

スマホの時だけ…というなら
@media screen and (max-device-width: 480px) {

で囲ってやればいいかなぁ

 

コメントを残す