Outerの背景画像がプレビューと異なる

VWSとは フォーラム Lightning Outerの背景画像がプレビューと異なる

Outerの背景画像がプレビューと異なる

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

    takeshi819
    参加者

    ■ 症状が発生するブラウザ :
    chrome
    ■ 利用テーマとバージョン :
    Lightning Pro8.4.2
    ■ 質問内容:
    固定ページでOuterブロックを使い
    背景画像を指定しております。
    編集画面では画像全体が表示されていますが
    プレビューすると拡大され、画像の一部分しか表示されません。

    Outerの設定は以下の通りです。
    ■背景設定
    ・背景画像の位置:カバー
    ■レイアウト設定
    ・幅:全幅
    ・余白 (左右):コンテンツエリアに合わせる
    ・余白 (上下):標準の余白を使用

    以上、宜しくお願いします。

    #46591

    うなこ
    モデレーター

    たしかに編集画面とフロント画面で画像の背景画像の場所が違うようですね、、。

    ▼原因
    編集画面では background-position: center; が効いているが、
    フロント画面では 打ち消されて初期値になっている

    応急処置になりますが、以下のcssを追加していただけますと、編集画面と同じ位置に来るのではないかなと思います。

    .vk_outer-width-full.vk_outer-paddingLR-none {
        background-position: center;
    }

    いかがでしょうか

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。