しあわせ情報室

辞書と能率手帳好きが書く、しあわせのための知識がテーマのブログです。

人気記事
中学生 国語辞典 比較 おすすめ
NOLTY 能率手帳1 おすすめ
BMW  アクティブツアラー F45 218i
一流スポーツ選手27人の親の事例集

はてなブログのデザインテーマ「Smooth」のカスタマイズ サイドバーのカテゴリー表示を横並びに

【追記】
2020年9月にデザインテーマを「Minimalism」から「SOHO」に変更しました。以下は「Smooth」で設定した際の記録です。

----- 

先週変更したデザインテーマ「Smooth」の初期設定では、サイドバーのカテゴリーで項目が縦方向に一覧で並びます。カテゴリーが増えると、全体が縦に長くなり、間延びするように感じます。

そこで、横にも並ぶように設定しました。

「ダッシュボード」>「デザイン」>「カスタマイズ」タブ の「デザインCSS」に、以下を追記します。

.hatena-module-category ul li{
display: inline-block; /* インラインブロック表示にする */
}
.hatena-module-category ul li a{
padding: 3px; /* アンカーテキストの周囲の余白を指定 */
}

カテゴリーを多く作っている場合、この方がスッキリするように感じます。

しばらく、これで様子を見ようと思います。

 

>>>参考図書はこちら!!

 

関連エントリー: