コメント欄の文字の大きさを調整するには | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。


テーマ:
おはようございます。

harmony in autumn

コメント欄の文字の大きさを調整
する方法
を御案内してみます。

通常のコメント欄の文字の大きさは、このような感じ
だと思います。

10/29


これはCSSでコメント欄の文字の大きさが

font-size:1.1em;

に指定された状態です。

大きくしてみます。

font-size:1.5em;

10/29


CSSの末尾に以下のコードを追記して下さい。


/*コメント欄の文字の大きさ調整:10-29*/
.commentBody{
font-size:1.5em;
}


赤字の数字を大きくすると、コメント欄の文字
が、大きくなります。

また、同じ要領で以下のコードの数字を調整して
コメントタイトル文字も大きくしたり、小さくしたり
出来ます。
/*コメント欄タイトル文字の大きさ:10-29*/
.commentHeader{
font-size:1.1em;
}


なお、これは通常よく用いられるピクセル表示と
違ってem表示で文字の大きさを決めるものです。
小数点以下の数字で以外と大きさが大幅に変化
しますので御注意ください。

※コメントは、アメブロデザインの神様:
老$さんから頂いたものです。




なにかの参考になると、うれしいのですが^^;

☆ブィブィ  ('-^*)/

ねえ、ねえ、遊んであげるから~!!

ワンタンさんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

Ameba人気のブログ

Amebaトピックス