2008年 4月 18日 金曜日 カテゴリー: WordPress

記事を読みやすくしました

このテーマにして一つ気になっていたことがあります。
記事本文の行間が狭くて読みにくいことです。それでそれでチョコット調べてみました。
テーマエディターでスタイルシート(style.css)を書き換えてみました。
変更箇所は

.post-body {
position: relative;
float: left;
margin: 0;
padding: 0;
}
.post-body {
    position: relative;
    float: left;
    line-height: 160%;    ←ここを追加
    margin: 0;
    padding: 0;
}

これで少しは見栄え良くなったかな~
数字を大きくすれば当然のことながら行間も広くなります。

もう一つ記事のタイトル文字を太字にしてみました。

.post-title h1, .post-title h1 a, .post-title h1 a:visited { margin: 0; padding: 0; color: #740B00; font-size: 20px; font-weight: strong; text-decoration: none; }
.post-title h1 a:hover {color: #000;}

font-weight: stron に変更しただけです。font-size: 20px の数字を変えればフォントの大きさも変えられます。

Tag: , ,

facebook コメント


コメントが 1 件あります。記事を読みやすくしました

返信

 

 

 

以下の HTMLタグ を使うことができます。

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">