しあわせ情報室

「しあわせ」に役立つ情報を記録しています。生きとし生けるものがしあわせでありますように。

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

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

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

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

.hatena-module-category ul li{
display: inline-block; /* インラインブロック表示にする */
}

.hatena-module-category ul li a{
padding: 3px; /* アンカーテキストの周囲の余白を指定 */
}

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

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

過去記事:
はてなブログのデザインテーマを「Smooth」に変更しました。 - しあわせ情報室

▼参考図書

はてなブログ Perfect GuideBook

はてなブログ Perfect GuideBook