人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログのCSSの設定に関する質問です。

http://statsbeginner.hatenablog.com/

↑のブログなのですが、サイドバーのところの、「月別アーカイブ」と「記事カテゴリー」のところのフォントを少し小さくしたいのですが、どのように設定すればいいのでしょうか・・・?
基本的なことで申し訳ありませんが、よろしくお願い致しますm(_ _)m

●質問者: midnightseminar
●カテゴリ:はてなの使い方 ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●100ポイント ベストアンサー

デザインCSS に、以下の指定を追加してください。

/* 月別アーカイブ */
/* フォントサイズ 12px ← 16px */
A.archive-module-year-title,
A.archive-module-month-title {
 font-size: 12px;
}
/* 行の高さを小さく */
LI.archive-module-year,
LI.archive-module-month {
 line-height: 1;
}
/* タイトルと月別のリンクの間を少し狭く */
LI.archive-module-year {
 padding-top: 0 !important;
}

/* 記事カテゴリ */
/* フォントサイズ 12px ← 16px */
div.hatena-module:nth-child(6) UL.hatena-urllist li A {
 font-size: 12px;
}
/* 行の間隔を狭く */
div.hatena-module:nth-child(6) UL.hatena-urllist li {
 padding: 0.1em 0;
}

フォントサイズだけを小さくすると、行間などが目立つので、隙間の調整も少ししてみました。
こんな感じになるはずです。

f:id:a-kuma3:20140928140700p:image


記事カテゴリだけを指すクラスや ID が無かったので、セレクタで順番を指定してます。
サイドバーのモジュールの順番を入れ替えた場合には、それに合わせて変更する必要があります。


midnightseminarさんのコメント
丁寧にありがとうございます!! 綺麗にできました。 クラスとかの概念をよく分かって折らず・・・助かりました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ