ブログタイトルの位置変更

こんにちは♪

スローキャンプネタでなくm（_　_）m
前回の続きで、タイトルがレガシィにかかっていたので（笑）、今回ははタイトル位置変更をリビルドします。
こんな感じでした。↓





















毎度ですが、私が独自でリビルドしましたので、自己責任でお願いしますね。
バックアップは、面倒でもしておくことをおすすめします。

この部分は、テキストエディタ（ちょうどバックアップを取るときに行えばグーです）で133行目
あたりにあります。
くまなく探さなくても行で探せそうです(^_^.)


[作業前]
.blogtitle{
font-size:24px;
font-weight:bold;
padding:20px 20px 0px 10px;
text-align:right;
letter-spacing:2px;
height:36px;
}

.description{
color:#fff;
font-size:10px;
padding:4px 0px 20px 400px;
text-align:right;
letter-spacing:1px;
width:300px;
height:71px;
overflow:hidden;
}


[作業後]
.blogtitle{
font-size:24px;
font-weight:bold;
padding:52px 0px 5px 0px;
text-align:left;
letter-spacing:2px;
                 }
.description{
color:#fff;
font-size:12px;
padding:0px 0px 0px 0px;
text-align:left;
letter-spacing:1px;
width:300px;
height:71px;
overflow:hidden;
}


①変更したのは、上右下左に内側余白を指定をする、paddingの値を変更。

②行揃えを指定する、text-alignを左寄せに変更。


これで完了です！かぶりがなくなりました(^_^.)
が、タイトルの高さの位置がうまくないのか、美しくみえるように、次回再チャレンジします。