ウーパールーパーの智慧

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

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

スマホの注目記事一覧部分の記事タイトルが小さくて見にくいなと思っていました。

 

変更前(スマホ画面)↓

f:id:MisaTamaki:20190316221124p:plain

変更後(スマホ画面)↓

f:id:MisaTamaki:20190316223016p:plain

  

 CSS

デザイン>カスタマイズ>デザインCSS欄に下記のコードを加えます↓

サイズは好みになるよう数字を変更してください。

 


/* 注目記事 タイトル 文字の大きさ */
.urllist-title-link {
font-size: 17px!important;
}

 

 

色と下線を付加する

色をブルーにし、下線を付加するとリンクであることが分かりやすくなります。

上記のコードの代わりに、

 

 /* 注目記事 タイトル 文字の大きさ */
.urllist-title-link {
font-size: 16px!important;
color:#000080!important;
text-decoration: underline!important;
}

 

を入れると、

f:id:MisaTamaki:20190317132236p:plain

この様に変更できます。

色はお好みで選択してください(#+数値の部分)

www.colordic.org