ここ広すぎません?

ブログのヘッダータイトル、説明文の上下って広すぎません?
ページ開いた時に、広すぎちゃって記事が下になっちゃう＞＜
イヤです!
さて今回も前回と同じで、CSSの編集だ!!
CSSの編集方法は
amebaマイページから、えんぴつアイコンの「アメブロ」をクリック
 
デザインの変更をクリック
CSSの編集をクリック
この流れに関してはコチラのブログを読んでください＾＾
 
ここで重要なことを書き漏れていたことに気が付いたので書きます。
このCSSが編集出来る、テンプレートの設定の仕方を書いていませんでした。
マイページ
ブログ管理
デザインの変更
下の方にある、[カスタム可能]をクリック
一覧の中にある、赤枠で囲ってある物を使ってます。
 
見慣れた画面だ。
よし今日も、霊感ヤマカン第六感でビッシト決めてやるぅ♪
おそらく、前回文字を真ん中にあったのを、左に寄せた所じゃないかと、ヤマをはる!
 
/* ヘッダータイトル */
.skin-headerTitle {
padding-top: 80px;
padding-bottom: 80px;
/text-align: center;
}
 
むむ、top…うえ、上位、英語わかります!
bottom…下、ボトムライン!!
おそらくここだろう!
今日も呪文を唱えて、撃破だぁああああ
呪文、それは…
/
★注意★必ず半角を使いましょう!CSSを弄る時は半角英数で!!
 
この　/　だぁ!!
 
/* ヘッダータイトル */
.skin-headerTitle {
padding-top: 80px;
padding-bottom: 80px;
/text-align: center;
}
を
/* ヘッダータイトル */
.skin-headerTitle {
/padding-top: 80px;
/padding-bottom: 80px;
/text-align: center;
}
と変えてみる!
保存ボタンの上に、表示を確認するとある!
ポッチとクリック!!
おおおお、スッキリ!
ビッシと決まった感じだぁ♪
やったぁ～
後は保存ボタンをクリックして終了!
 
ここからは真面目な話
CSSでpaddingは、上下左右に幅をとる時に使われます。
詳しくは、コチラのページに書いてありますので、読んで見てください。
Index TAG
 
なお、このブログ読んで、不具合や問題が生じても当局は一切関知しない。
なおこのテープは自動的に消滅する。幸運あれ
ドドドッドーデェ、ドドドッドーデェ(5拍子のつもり)

ZUJA
 
PS
Chromeだと、CSSを編集して
[表示を確認する]で
正しく表示されていて
保存ボタンを押してから
でブログページを見ると
まったく前のまま…
これはChromeのキャッシュと言う問題です。
少し時間がたつと、正しく表示されます。
すぐに、正しく表示したい場合は
Chromeのキャッシュをクリアしてみてください。