アメブロの文字を大きくする、リンクの色を変更する方法

  • 投稿 : 2012-07-03
  • 更新 : 2013-05-13
※カスタム可能/CSS編集用デザイン(新スキン)用です

はじめに

デザインの変更のCSSの編集の最後に追加してみてください。
アメブロの場合、広告の文字が大きすぎるので小さい文字だとバランスが悪い気がします。
同じぐらいの文字サイズに変更している人気ブログも多いような気がします。

記事の本文の文字を大きくする

.articleText{
  font-size: 15px;
  line-height: 20px; 
}
font-size:文字サイズ
line-height :行間

※数値を調整してみてくださいね

記事の本文のリンクの色を変更する

.articleText a{
 color:#E34B03;
 text-decoration: underline;
}
.articleText a:hover{
 color:#E34B03;
 text-decoration:none;
}
text-decoration:下線 (underline つける、none なし)
color:色

記事のタイトルの文字を大きくする

.skinArticleTitle,.skinArticleTitle:focus,.skinArticleTitle:visited{
  font-size:23px;
  line-height: 26px;
  font-weight:nomal;
  color:#333333;
}
.skinArticleTitle:hover{ /*マウスを合わせた時の色を赤色に*/
  font-size:23px;
  line-height: 26px;
  font-weight:nomal;
  color:#E34B03;
  text-decoration:none;
}
font-size:文字サイズ
line-height :行間
font-weight:文字の太さ
color:文字色

※数値を調整してみてくださいね



メッセージボードの文字を大きくする

.skinMessageBoard{
  font-size: 15px;
  line-height: 20px; 
}
font-size:文字サイズ
line-height :行間

※数値を調整してみてくださいね
スポンサーリンク