WordPressテーマSANGOの質問

カテゴリーウィジェットで孫カテゴリーを違った表示にしたい

アバター
n

こんにちわ。

sangoでは親カテゴリーが太字で、子カテゴリーは「>子カテゴリー」となっていて、
「子カテゴリー」だと認識しやすいですが、
孫カテゴリーを作った場合、子カテゴリーと全く同じ表示がされてしまうので非常に構造が分かりづらいです。(位置も親と子カテゴリーの様に右にズレてない為、余計に。)

これをなんとかできないかと、ずーっと気になってましたが聞けませんでした。
なんとか孫カテゴリーだとわかりやすくする為に、子カテゴリーより少し右にズラすなどの方法は無いでしょうか?

よろしくおねがいします。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/05/07

お世話になっております。
たしかにそうですよね。
以下のCSSを子テーマのstyle.cssもしくは「外観⇒カスタマイズ⇒追加CSS」に貼り付けるだけで、孫カテゴリーリンクのインデントやフォントサイズ、文字色などを変えることができます。

.widget ul li li li a {
    padding-left: 23px;/*左側の余白の大きさ*/
    font-size: 14px;/*フォントサイズ*/
    color: silver;/*文字色*/
}

追加後、キャッシュの削除が必要です。
よろしくお願いします。

アバター
n
2019/05/07

ありがとうございます。きちんと反映されました。

孫カテゴリーの「>」を「・」に変更したりはbeforeの追加?などで簡単にできるの
でしょうか?

よろしくおねがいします。

サルワカくん
サルワカくん
2019/05/07

簡単にできます。例えば「・」とする例です。

.widget ul li li li a:before {
  content: '・';
}

よろしくお願いします。

アバター
n
2019/05/07

「・」を\f105に変えて、2つ並べることでめちゃ綺麗になりました。

どうもありがとうございました。

サルワカくん
サルワカくん
2019/05/07

たしかにFontAwesomeのアイコンを使うのも良いですね。
ご報告ありがとうございました。