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

はてなブログのサイドバーについて、文字フォントとサイズを変更したいのでcssを教えて下さい。
ネットで検索して以下をデザインcssに入力したのですが変わりません。
フォントはJosefin Sansを使い、本文より少し小さめサイズにしたいのです。

.hatena-module .hatena-moduletitle {
font-family: "Josefin Sans", sans-serif;
font-size: 35%;
}


●質問者: leia
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

質問者から

文字フォントの変更については、id:rouge_2008さんより教えて頂き、無事解決することが出来ました。ありがとうございます。
ただ、サイドバー内の文字サイズについて、もう少し小さくしたいのですが、その方法が分かりません。
お詳しい方がいらっしゃいましたら、教えて下さい。
どうぞよろしくお願いいたします。


1 ● うぃんど
ベストアンサー

ソースを見てみると - が抜けてるので…。
ついでに、35%は流石に小さすぎでは?

.hatena-module-title {
 font-family: "Josefin Sans", sans-serif;
 font-size: 67%;
}

leiaさんのコメント
ありがとうございます! %をもう少し大きくしてさっそく入力しましたら、変わらないタイトルがありました。 “Recent Entries”と“Archives”です。 カスタマイズをもう一度開いて、削除して再登録してみても変わりませんでした。不思議です。。。 対処法ご存知でしたら、お時間ある時にご教示お願いいたします。

うぃんどさんのコメント
“Recent Entries”と“Archives”だけでなく、 “Links”や“Search”も変わらなかったのではないですか? もしそうだとすれば、.hatena-moduletitle { と書かずに、 .hatena-module .hatena-moduletitle { と書いているのだと思います。

leiaさんのコメント
いえ、LinksやSearchは変わったのです。なぜだかこの二つだけ変わらなくて。。。

うぃんどさんのコメント
“Recent Entries”と“Archives”は、 文字ではなくリンクになっているので、 aタグのスタイルが適用されちゃってますorz hatena-module-title直下のaタグにも適用するようにセレクタを追加です。 >|| .hatena-module-title, .hatena-module-title a, .hatena-module-title a:hover, .hatena-module-title a:visited { font-size: 100%; } ||<

leiaさんのコメント
ありがとうございます! さっそく直しました。完璧です♪ お力になっていただき、助かりました。 ありがとうございました!
関連質問

●質問をもっと探す●



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