ivythemesの記事のフォントを大きくしたい

字が小さくて読みにくい!

Blogger用テンプレートを配布しているivy themesはデザインは申し分ないものの、記事本文のフォントが小さくてパソコンの環境によっては読みにくいという欠点があります。
以下の方法で本文のフォントサイズを指定することで大きい文字にすることができます。

本文のフォントサイズを大きくするには

Bloggerの「マイブログ」>「テンプレート」>「HTMLの編集」から以下のスタイルシートの部分を探します。

.post-body h1{font-size:180%}
.post-body h2{font-size:160%}
.post-body h3{font-size:140%}
.post-body h4{font-size:130%}
.post-body h5{font-size:120%}
.post-body h6{font-size:110%}
.labelnyatas{overflow:hidden;margin:0 0 5px 0;padding:0 30px 0 0}
#main-wrapper{padding:10px}

#main-wrapper{padding:10px}の部分に任意のフォントサイズを指定します。

(例)

.post-body h1{font-size:180%}
.post-body h2{font-size:160%}
.post-body h3{font-size:140%}
.post-body h4{font-size:130%}
.post-body h5{font-size:120%}
.post-body h6{font-size:110%}
.labelnyatas{overflow:hidden;margin:0 0 5px 0;padding:0 30px 0 0}
#main-wrapper{font-size:14px; padding:10px}

大きい文字で見やすくなりました。

関連コンテンツ

シェアする

フォローする