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ではフォントサイズも調整しています。
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!