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

[takeshi819]

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

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

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

[うなこ]

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

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

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

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

いかがでしょうか

[投稿者]

投稿