ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」
ワードプレステーマ別

TCDテーマHOMME:SNSアイコンの色を変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.全体の背景色などを黒系で統一している場合、SNSアイコンを「公式準拠カラー」にしていると、「TikTok」や「X」のアイコンが黒なので、背景と同化して見えません。「TikTok」や「X」だけアイコン色を白にすることは可能ですか?

SNSアイコンのデザインを「モノクロ(TCDバージョン)」にすることで白系のアイコン表示ができますが、「公式準拠カラー」を使用したい場合は、CSSで調整してください。

▼変更前イメージ

▼変更後イメージ

A.TCDテーマオプション>基本設定>カスタムCSSに以下を入力してください。

.sns_button_list.color_type2 li.tiktok a:before, .sns_button_list.color_type2 li.twitter a:before { color: #fff; }

なお、各SNSアイコンにはそれぞれガイドラインがあり、色や形を自由に変更できるわけではないためご注意ください。
>>例:Facebookのガイドライン

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事