WordPressテーマSANGOの質問

ナビドロワー内のタイトル前にアイコンを表示したい

うてな

2018/06/13

こんにちわ。つい数日前にSANGOを購入させて頂きました！
ウィジットタイトル前のアイコンについてです。
CSSを編集し（？）カレンダーとアクセス数の所にアイコンを設置してみたのですが、PCでは表示されていますが、スマホで確認すると表示されません。でもカスタマイズのデモ画面で確認すると表示されています。一応スマホでキャッシュはクリアしたと思うんですが他に何か原因はありますでしょうか？
あとスマホでハンバーガーメニューの中にあるウィジットタイトル前にもアイコンをつけたいのですが、どうしたらいいでしょうか？？　長々すいません。

ウィジェットタイトル前のアイコンを変更or消す方法

コメントへの回答

サルワカくん

2018/06/14

私のスマホで確認しましたがアイコンは表示されております。やはりキャッシュの問題かと思うので気にしなくてOKだと思います。
ナビドロワー内のタイトル前アイコンについては以下のようなコードで追加できると思います。

#drawer__content .widget_calendar .widgettitle:before {
    content: "\f073";/*アイコンのコード*/
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}

こちらはカレンダーの場合です。他のタイトルの場合、.widget_calendarの部分を該当するウィジェットクラス名に変える必要があります。
ウィジェットのクラス名はこちらの方法などで調べることができます。
よろしくお願いします。

【追記】
FontAwesome4.7を利用している場合、

"Font Awesome 5 Free"

は

"FontAwesome"

に変えてください。