Q.ヘッダーやフッターのSNSリンクに「LINE」のアイコンを表示したいです。
▼変更後のイメージ(HEALのPCヘッダー) →変更前:HEALデモサイト

A.下記の方法で対応してください。
ヘッダーとフッターのSNSリンクで、「Pinterest」のアイコンの見た目を「LINE」に変更します。
リンク先のURLは TCDテーマ>ヘッダー(フッター)>SNSの「Pinterest URL」 に入力してください。
そのうえで、以下をTCDテーマ>基本設定のカスタムCSSに入力してください。
HEALの場合
#header_social_link li.pinterest a:before,
#footer_social_link li.pinterest a:before {
content: '\e909'; }
#header_social_link li a:before,
#footer_social_link li a:before {
font-size: 18px; }
Treeの場合
.header_sns li.pinterest a:before,
#footer_sns li.pinterest a:before {
content: '\e909';
font-size: 20px;
}
補足)
LINEのアイコンはそのデザイン上、サイズが小さいと内容がわかりづらくなります。そのため、上記のCSSではフォントサイズも調整しています。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!