行き詰ってます。
というのも、
2019/07/02（火）ウェブリブログが大幅にリニューアルされました。
気が付けば「タイトル」が中央に変更。
これを上寄せ左寄せにしたい。しかも多少の余白を付けて。
結論は、下記04．の設定が一番優位（強い）ということが分かりました。
なので、そこで上と左の余白（padding）を20pxにすれば出来るかな。
と思いきや、そうでもなかったです。
別の個所が優位になっていそうなので
そこの数値を変更する必要がありそうなんですが
如何せんcssの記述が長い、とにかく長い、
以前見たいに此処を変更すれば何が変わるよ。
なーんて、コメントアウトも無くなってしまった。
だから只管試すしかなくて、、
108回位試したかも。煩悩かよ。
除夜の鐘ももうすぐですね（・_・）。
そこへ繋げたかっただけか（＾_＾；）。
とにもかくにも今年も1年お世話になりました。
来年2021年もどうぞ宜しくお願いいたしますね。☆＼（＾-＾*）
以下、変更点
・旧ブログで利用していたテンプレートの一部廃止
・廃止に伴うhtmlの構造変更
・廃止に伴う適用cssのリセット
01．cssを開く
01．ウェブリブログ ログイン
02．デザイン
03．デザイン切り替え/CSS編集
04．設定にchkが付いているデザインタイトルをクリック
02．タイトル画像の幅を変更（18行目あたり）
.Header__inner {
height: 150px;（デフォルト設定）
height: 100px;（数値を小さくすると幅が狭くなる）
→ タイトル画像の幅が狭くなった。ok
03．ブログタイトルの現状（初期値）
.Header .Header__inner {
padding: 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
03．ブログタイトルを「中央」から「左」に変更（400行目あたり）
.Header .Header__inner {
padding: 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: left; ★この行を「left」に変更★
}
→ ブログタイトルが「中央」から「左」に寄った。ok
04．ブログタイトルの余白（上下左右）を無しに変更（400行目あたり）
.Header .Header__inner {
－以下を削除－－
padding: 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
－－削除ここまで－－
－－以下を追加－－
padding: 0px;
－－ここまで追加－－
}
→ ブログタイトルの余白（上と左）が少しになった。ng
05．ブログタイトルの余白（上下左右）を無しに変更（400行目あたり）
※上記04．の変更値はそのままに以下変更
.Header {
max-width: 100%;（削除する）
width: 100%;（そのまま残す）
padding: 0 25px;（デフォルト設定）
padding: 0 0 0 0px;（数値を全て「0」にする）
→ ブログタイトルの余白（上下左右）が「0」になった。ok
06．ブログタイトルの余白（上左）を有りに変更（400行目あたり）
※上記04．の変更値はそのままに以下変更
.Header {
max-width: 100%;（削除する）
width: 100%;（そのまま残す）
padding: 0 25px;（デフォルト設定）
padding: 10 0 0 10px;（数値を一部「10」にする）
→ ブログタイトルの余白（上左）が「10」になった？
※そう見えるだけで実際は上記04．と同じに見える
07．ブログタイトルの余白（上左）を有りに変更（400行目あたり）
※上記04．の変更値はそのままに以下変更
.Header {
max-width: 100%;（削除する）
width: 100%;（そのまま残す）
padding: 0 25px;（デフォルト設定）
padding: 50 0 0 50px;（数値を一部「50」にする）
→ ブログタイトルの余白（上左）が「50」にならない。ng
※上記04．と同じに見える
また気が向いたら試してみよう、云、そうだね（＾-＾）。
