サイトのヘッダー画像を作った

ぼっちブログリレー放棄しました。

もともとは、、、

もともとは本八幡駅の写真を置いてました。ちょうど雪が降ってていい感じになっていたためです。

作るか

LibreOffice Drawで作りました。パソコンの設定をダークモードにしてるのですが、エディタの背景も黒になると分かりにくい。こうして、小学生でも作れそうな画像が出来上がり。軽そうという理由でGIFで書きだしました。

設定

カスタマイズ→背景・ヘッダー・ロゴ画像→ヘッダー背景画像より画像を設定しました。しかし、画像の下部が途切れる、もともとあったサイト名文字列が邪魔などの問題が発生しました。

CSS完全に理解してる私は、AIに以下のCSSを設定したらいいとアドバイスを受けました。

.info-wrap {
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  padding-bottom: 0 !important; /* ←これ重要 */
  height: 200px; /* 好きな高さ */
}

#sitename { display: none; }

これでうまくいきました。

ブログWordPress,情報系