しあわせ情報室

「知識は人をしあわせにする」をテーマに、本・辞書・手帳・子育てなどについて発信するブログです。

おすすめ記事
国語辞典と英和辞典の比較記事の一覧
能率手帳を愛用する著名人
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; /* アンカーテキストの周囲の余白を指定 */
}

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

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

 

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

 

関連エントリー: