ウーパールーパーの智慧

ウーパールーパー、子供、学習、生活お役立ち情報など

はてなブログのカテゴリー一覧のカテゴリータイトルのフォントを変更する方法

スマホで見た時に、カテゴリー一覧のカテゴリータイトルの文字が小さくて気になっていました。

検索してもあまり出てこなくて苦労したのですが、なんとかやり方がわかったので載せておきます。 

f:id:MisaTamaki:20190317203157j:plain

カテゴリー一覧、変更前(スマホ画面)↓

f:id:MisaTamaki:20190317131645p:plain

 

カテゴリー一覧、変更後(スマホ画面)↓ 

f:id:MisaTamaki:20190317131708p:plain

 

「カテゴリー」の文字フォントの変更コード

サイドバーのタイトルの文字の大きさを変更するには、

デザイン>カスタマイズ>デザインCSS欄の下にこのコードを貼り付けます。

 

 

/* サイドバータイトル 文字の大きさ */
#box2 {
font-size:15px!important;
}

 

「カテゴリータイトル」の文字フォントの変更コード

カテゴリー一覧のカテゴリー名のフォントを変更するにはこのコードを貼り付けます。

 

 

/* サイドバーのカテゴリーモジュール*/
div.hatena-module-category div.hatena-module-body ul li a {
font-size: 16px!important;
}

 

色と下線を付加する

さらに色をブルーにし、下線を引くとリンクであることがわかりやすいです。

上の代わりにこのコードを付加します↓

 

/* サイドバーのカテゴリーモジュール*/
div.hatena-module-category div.hatena-module-body ul li a {
font-size: 16px!important;

color:#000080!important;
text-decoration: underline!important;
}

 

そうすると上の変更後の様になります。

 

色はお好みで、コード(#+数字の部分)を選んでください↓

www.colordic.org

こちらも参考にしてください。↓ 

はてなブログで注目記事一覧の記事タイトルのフォントを大きくする方法 - ウーパールーパーの智慧

hatenaブログのスマホの記事一覧ページを記事タイトルのみにし、記事タイトルの文字を大きくする方法 - ウーパールーパーの智慧