[ 質問者返信待ち ] トップページスライドショーの画像下の隙間

[森内愛民]

Lightning Pro + Pale（最新版）でサイト構築をしています。

トップページスライドショーの画像の下に
（ホームは固定ページを表示しています）
固定ページの一番上の要素はPNGイメージなのですが、
それとスライドショーの画像の間に大きく隙間ができてしまっています。
（説明画像を添付しています）
この隙間を無くすもしくは小さくする方法ありましたら、ご教授お願いします。

Attachments:

You must be logged in to view attached files.

[うなこ]

トップページに指定している固定ページの編集画面に
「Lightning デザイン設定」というパネルがおそらく画面右側にありますので、
siteContentの上下の余白をなくする にチェックを入れてください。

いかがでしょうか？

[森内愛民]

指定の方法を試してみましたが、隙間が変わらなく開いていました…
他に確認しるところなどありましたら、教えてください。

[DRILL LANCER]

外観 > カスタマイズ > Lightning レイアウト設定 の「セクションベース設定」を「セクションベース無し」に設定してみてください。

[森内愛民]

セクションベース無しに設定すると、隙間はなくなったのですが、
コンテンツの背景を白に設定していたのがなくなってしまい、
コンテンツ幅に合わせてた要素が全てウィンドウ幅いっぱいまで広がってしまいました。

[うなこ]

以下のCSSを追加でいかがでしょうか？

.home .siteContent.siteContent-paddingVertical-off {
    padding-top: 0;
}

• この返信は4年、 2ヶ月前にうなこが編集しました。

[森内愛民]

教えていただきたCSSの記述で解決できました。
いつも丁寧にありがとうございます。

[投稿者]

投稿