WordPressテーマSANGOの質問

シェアボタンの色を変えたい

アバター

過去のコメント欄を探したのですが、同じような質問が見当たらなかったので質問させていただきます。
デフォルトのシェアボタンは、色が多様で自分のサイトでは少し浮いてしまう為、統一感を出す為に色を変えたいと思っております。
他にSANGOを使用している方のサイトなどを拝見し、試してみたのですが、うまく反映されませんでした。私は他にシェアボタンの形などもカスタマイズしているのですが、そのコードはしっかり反映されています。色だけが変わらないのです。( 形と色をカスタマイズするためのコードは、それぞれ違うサイトを参考にしているため別のものです。)
そこで、シェアボタンの色を変えるコードを教えていただけませんでしょうか?

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2020/07/03

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: #色コード;
}

それぞれの値はお好みでご変更ください。

よろしくお願いします。

アバター
2020/07/04

教えていただきありがとうございます。