ブログタイトルの位置と色の変更の仕方

こんにちは。
ここの過去ログを参考にさせていただいて何とかトップの画像を変更できたのですが、
画像とブログタイトルが重なってしまい見づらくなってしまいました。
タイトルの位置をもう少し上に上げて、サイズも少し大きくしたいのですが、CSSのどこをいじればいいのでしょうか？
このブログです。


よろしくお願いします。

ぶりゅさん。ご質問ありがとうございます。

管理画面で、カスタマイズ/管理　→　デザインの設定 →　カスタマイズ　→　スタイルシート（CSS） と進んで、出てきた文字列の内容を変更します。

念のため、内容をctrl＋Aで全て選択され、ctrl+Cでコピー、ワードパットにペーストし、保存されておいて下さい。
これでスタイルシートのバックアップとなります。

.blogtitle という部分がありますので探してみられて下さい。

.blogtitle{
font-size:14px;
padding:80px 0 5px 140px;
text-align:left;
}

この中の padding というのが位置の指定です。

padding:80px 0 5px 140px　の順で、　上、右、下、左　の余白を指定しています。

画像に合わせてこの数値を変更されてみて下さい。

たぶん、


.blogtitle{
font-size:14px;
padding:80px 0 5px 200px;
text-align:left;
}

で良いと思います。

変更されたら、スタイルシート（CSS）を保存、再構築し、サイトを確認されてみて下さい。

ずれていたら、また数値を微調整いたします。


font-size:14px;　→ font-size:20px;

とかにするとタイトルの大きさが変わります。


うまくいったら、.description（サイトの説明文）の数値も同様に変更されて下さい。


.description{
color:#000;
font-size:11px;
padding:0 0 0 200px;
text-align:left;
margin-top:-40px;
font-weight:bold;
}

color:#000;　を指定すると色が変わります。
こちらを参考に好きな色にされて下さい。


タイトルは、リンクになっていますので、

#banner a{color:#cc3300;text-decoration:none;}
#banner a:link{color:#cc3300;text-decoration:none;}
#banner a:visited{color:#cc3300;text-decoration:none;}
#banner a:hover{color:#cc3300;text-decoration:underline;}

↑この部分のa:linkのcolor:#cc3300;を変更して下さい。

a:visitedは訪問済みのリンクの色、
a:hoverはマウスカーソルを載せた時の色です。


表示が崩れたりしたら、バックアップしたスタイルシートに戻してください。


もしわからないことがありましたら、この質問のコメント欄にコメントをされて下さい。
詳しい方からより良い回答が寄せられると思います。