Simplicityでサイドバーの『カテゴリー』の文字サイズを小さくする方法。

Simplicityのサイドバーに表示する『カテゴリー』ウィジェットの表示が、元の設定のままだとフォントが大きすぎて見づらく感じます。なのでフォントサイズを小さくしてみました。

スマホだとこんな感じです。

文字が大き過ぎたときはカテゴリ名を読む気になれなかったですが、自分的にはこれならカテゴリ一覧を見てみる気になれる状態になりました。

以下、CSSの書き方をシェアします。(簡単)

カテゴリー一覧のフォントサイズを小さくするCSS

Chromeブラウザを使って右クリックメニューから『検証』で見てもらえばどのclassに対してCSSを書けばいいか分かりますが、まあそういう説明は抜きにして以下を子テーマのCSSファイルにコピペして保存してください。

/*サイドバーカテゴリ一覧のフォントサイズ変更*/
li.cat-item {
font-size: 13px;
}

フォントサイズは13pxにしていますが、小さすぎると感じる場合は適宜お好きな数字に。

CSSを書き加えて保存してもブラウザはキャッシュが残っていて表示に変化がないかもしれません。その場合はChromeブラウザのシークレットウィンドウでブログを開いて表示を確認してみてください。

シェアする

RSS/Feed

この記事と同じカテゴリーの記事一覧はこちら→ Simplicityカスタマイズ, ブログの話


トップへ戻る