SANGOのシェアボタンの色を変える方法
以下のようなCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS] もしくは子テーマのstyle.cssに貼り付ければOKです。
/* 全アイコンの色 */
.sns-btn__item i {
color: #色コード;
}
/* はてぶアイコンの色 */
.sns-btn__item .fa-hatebu {
color: #色コード;
}
/* LINEアイコンの色 */
.sns-btn__item .fa-line {
color: #色コード;
}
/* Facebookアイコンの色 */
.sns-btn__item .fa-facebook {
color: #色コード;
}
/* Twitterアイコンの色 */
.sns-btn__item .fa-twitter {
color: #色コード;
}
/* Pocketアイコンの色 */
.sns-btn__item .fa-get-pocket {
color: #色コード;
}
/* 各アイコンの背景色(カスタマイザーで別デザインのシェアボタンを選んだ場合) */
.sns-btn ul li a {
background: #色コード;
}
それぞれの値はお好みでご変更ください。
よろしくお願いします。
教えていただきありがとうございます。
WordPressテーマSANGOの質問
シェアボタンの色を変えたい
過去のコメント欄を探したのですが、同じような質問が見当たらなかったので質問させていただきます。
デフォルトのシェアボタンは、色が多様で自分のサイトでは少し浮いてしまう為、統一感を出す為に色を変えたいと思っております。
他にSANGOを使用している方のサイトなどを拝見し、試してみたのですが、うまく反映されませんでした。私は他にシェアボタンの形などもカスタマイズしているのですが、そのコードはしっかり反映されています。色だけが変わらないのです。( 形と色をカスタマイズするためのコードは、それぞれ違うサイトを参考にしているため別のものです。)
そこで、シェアボタンの色を変えるコードを教えていただけませんでしょうか?