スマホで自分のブログを見た時に、カテゴリー一覧のカテゴリータイトルの文字が小さくて気になっていました。
検索してもあまり出てこなくて苦労したのですが、なんとか修正方法がわかったので載せておきます。
カテゴリー一覧、変更前(スマホ画面)↓
カテゴリー一覧、変更後(スマホ画面)↓
「カテゴリー」の文字フォントの変更コード
サイドバーのタイトルの文字の大きさを変更するには、
デザイン>カスタマイズ>デザイン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;
}
そうすると上の変更後の様になります。
色はお好みで、コード(#+数字の部分)を選んでください↓
こちらも参考にしてください。↓
はてなブログで注目記事一覧の記事タイトルのフォントを大きくする方法 - ウーパールーパーの智慧
hatenaブログのスマホの記事一覧ページを記事タイトルのみにし、記事タイトルの文字を大きくする方法 - ウーパールーパーの智慧