[M T]

【お使いの Snow Monkey のバージョン】7.7.0
いつもお世話になっております。
ヘッダーの一番上、ロゴが表示される部分の背景に画像（横長）を設定できませんでしょうか。
以下の説明箇所では、黄色の部分全体です。

Snow Monkey を CSS でデザインカスタマイズしてみよう！

この記事は Snow Monkey アドベントカレンダー 2018 17日目の記事です。 今日は、S…

snow-monkey.2inc.org

単純に.l-headerに　background-imageを設定してみましたが、一部しか表示されない上、その下に画像ブロックで配置していたヘッダー画像が表示されなくなってしまいました。

どうぞよろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

適用しようとしているサイトの URL を教えてもらえますか？ 通常、.l-header に background-image を設定すれば良いはずですが、ならないということは他の CSS やカスタマイズが影響している可能性もあるので。

♥ 0

いいねをした人: 居ません

[M T]

ありがとうございます。
まだ制作途中のサイトで、CSSやカスタマイズはほとんど追加していません。
すみませんが、slackのダイレクトでurlを送らせていただきます。
お手数おかけしますが、よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

はい、よろしくお願いします。ただ、クローズドな場でのやりとりはプロプランの方限定のサービスとさせていただいておりますので、やりとりは引き続きこちらおこないますね。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

これでどうでしょうか。

.l-header {
    background-image: url(画像URL);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

デフォルトでヘッダー下に余白が空きますが、カスタマイザー > ホームページ設定で上下余白をオフにすればぴったりにひょうじされるようになります。

♥ 0

いいねをした人: 居ません

[M T]

ありがとうございます。表示できました！
高さが半分くらいだったので、heightで指定すると、高さも変えられました。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿