アメブロで本文の文字の大きさを変えたい!
有紀@アメブロ改造マニア!です。
アメブロを自分好みに改造する方法をお伝えするブログです。
さてさて、アメブロですが、もともとのデザインだと、ちょっと本文の文字が小さくないですか?
もともとのデザインでは、12pxくらいの大きさで表示されているようです。
この文字の大きさを変更するCSSの書き方を説明しますね。
ちなみにpxはピクセルと読みます。ピクセルは、パソコンのディスプレイの中での長さの単位ですね。
本文のテキストのみ大きさを変える方法になります。
本文の文字スタイルは subContents というクラスが適用されているので、上記のように書きます。
font-size:120%;
などのように、割合で書く事もできます。逆に80%などとすれば小さくもなりますよ!
文字はすべて「半角英数」で書きます。空白文字も半角で。コロンやセミコロンの間違いにも注意してくださいね。
これを、スキンCSSの編集画面で、文末にはりつけて保存すれば終了~~♪
スキンCSSの編集の仕方はこちら
いかがでしょうか。うまくできない、よくわからないなどの場合は、遠慮なくコメントやプチメでご連絡くださいねー。
ではではっ♪
アメブロ改造ドリル目次

アメブロを自分好みに改造する方法をお伝えするブログです。
さてさて、アメブロですが、もともとのデザインだと、ちょっと本文の文字が小さくないですか?
もともとのデザインでは、12pxくらいの大きさで表示されているようです。
この文字の大きさを変更するCSSの書き方を説明しますね。
ちなみにpxはピクセルと読みます。ピクセルは、パソコンのディスプレイの中での長さの単位ですね。
本文のテキストのみ大きさを変える方法になります。
div.subContents{
font-size:14px;
}
本文の文字スタイルは subContents というクラスが適用されているので、上記のように書きます。
font-size:120%;
などのように、割合で書く事もできます。逆に80%などとすれば小さくもなりますよ!
文字はすべて「半角英数」で書きます。空白文字も半角で。コロンやセミコロンの間違いにも注意してくださいね。
これを、スキンCSSの編集画面で、文末にはりつけて保存すれば終了~~♪
スキンCSSの編集の仕方はこちらいかがでしょうか。うまくできない、よくわからないなどの場合は、遠慮なくコメントやプチメでご連絡くださいねー。
ではではっ♪
アメブロ改造ドリル目次