Xeory Base 子カテゴリーを一段ずらす＆最後の下線を消す【WordPress カスタマイズ】

2018年2月22日2018年5月17日WordPressカスタマイズ, ウェブWordPress, Xeory Base, カスタマイズ

久しぶりに、wordpressのテーマ『Xeory Base』のカスタマイズについて。
ウィジェットの子カテゴリー（サブカテゴリー）を一段ずらす＆最後の下線を消すcssを追記して一覧を見やすくするカスタマイズ方法です！

様々なジャンルを扱っている雑記ブログなんかだと特に、親カテゴリーからさらに分類して子カテゴリーを作ることも多いと思います。
けど、Xeory Baseのウィジェットで子カテゴリーの階層を表示させると、デフォルトだと親カテゴリーと子カテゴリーがずらずらっと区別なく並んでいて分かりにくかったのです。。

サブカテゴリーを一段ずらす＆最後の下線を消すcss

というわけで、
①子カテゴリーの左に空白を作り一段ずらす
②最後の子カテゴリーの下線を消す
の二つを調整します。

cssを少し追記するだけなのでめっちゃ簡単です。

/* サブカテゴリ調整 */
li.cat-item .children {
padding-left: 24px;
}
.side-widget ul.children li:last-child {
  border-bottom: none ;
  padding-bottom:3px;
}

これをstyle.cssに追記するだけです！

こんな感じに、子カテゴリーの左に空白が出来、余分な線が消えました。
めっちゃ簡単だけどだいぶ見やすくなりますよ～是非是非。