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


http://statsbeginner.hatenablog.com/

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

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/09/28 13:32:19
  • 終了:2014/10/03 08:19:23

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4596ベストアンサー獲得回数19352014/09/28 14:12:10

ポイント100pt

デザイン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 が無かったので、セレクタで順番を指定してます。
サイドバーのモジュールの順番を入れ替えた場合には、それに合わせて変更する必要があります。

id:midnightseminar

丁寧にありがとうございます!!
綺麗にできました。

クラスとかの概念をよく分かって折らず・・・助かりました。

2014/09/28 15:37:28

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません