【SANGOカスタマイズ】サルワカ風！子カテゴリーの位置を調整して表示する（右にずらす）

こんにちわ！
うにとん（@uniuni_tonton）です。

本記事ではこのブログで使用しているワードプレステーマ「SANGO」のカスタマイズを紹介します。

ものすごい自己満足な微調整カスタマイズですが、実際にやろうとした際に検索しても出てこなかったので、初心者さん向けに書いておこうと思います！

できるようになること

サイドバーの子カテゴリーが右に少しずれて、読みやすくなる

うにとん

カスタマイズをする際は自己責任でお願いします。バックアップ推奨です。

子カテゴリーの位置を調整して表示する

画像のようにカテゴリーを、右にずらすカスタマイズです。

先日更新した記事で伝えた『カテゴリの先頭にアイコンを表示するカスタマイズ』と合わせて変更する事で、よりサルワカ度がUPします。

カテゴリー内の段落をはっきりさせる事で、とても見やすくなります！

お前どんだけサルワカファンなんだよ・・・って感じですけど、好きなんです。サルワカが・・・！

特に子カテゴリーが多い方にオススメのカスタマイズですよ～(*´ω｀*)

ではさっそくカスタマイズに使用するCSSを紹介します。

外観　⇒　テーマの編集から
スタイルシートを選択しCSSをコピペして貼り付けてください。

コード

/* ———————–
サイドバーのカテゴリを一段ずらす
———————– */
.widget_categories ul li a:before {
color: #f5b1aa;
font-family: FontAwesome; padding-right: 6px;
}
li.cat-item .children {
padding-left: 24px;
}
.side-widget ul.children li:last-child {
padding-bottom:3px;
}

うにとん

これで完成ですっ！コピペでOKなので初心者さんでも簡単だよ。