ヘッダー上部に背景画像を設定したい。

  • このトピックには5件の返信、2人の参加者があり、最後にM Tにより1年、 1ヶ月前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #24005
    M T
    閲覧者
    5

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

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

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

    0
    #24090
    キタジマ タカシ
    キーマスター
    286

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

    0
    #24111
    M T
    閲覧者
    5

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

    0
    #24113
    キタジマ タカシ
    キーマスター
    286

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

    0
    #24114
    キタジマ タカシ
    キーマスター
    286

    これでどうでしょうか。

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

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

    0
    #24115
    M T
    閲覧者
    5

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

    0
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • トピック「ヘッダー上部に背景画像を設定したい。」には新しい返信をつけることはできません。