[ 解決済 ] Outerを利用した際、下に余白が生じる
[ 解決済 ] Outerを利用した際、下に余白が生じる
- このトピックには7件の返信、3人の参加者があり、最後に
により2年、 4ヶ月前に更新されました。
-
投稿
-
■ WordPress のバージョン
6.0■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
14.22.9■ Pro Unit のバージョン
0.22.1■ スキンの種類
プレーン■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。■ 期待する動作
LPページを作るのに
Outerを利用して作ったんですが、下に余白が残ります。
よはくをなくす方法はできますか？■ 自分で試した事
レイアウト：1カラム
✅サイトコンテントの上下余白を無しにする
✅ヘッダーを表示しない
✅ページヘッダーを表示しない
✅パンくずリストを表示しない
✅フッターを表示しない
✅ハンバーガーボタンを表示しない
✅モバイル固定ナビを表示しない
セクションベース無し
に設定しました■ 症状が発生するブラウザ
Chrome■ 実際の症状
白い余白をなくしたいです。同じ症状が発生しているURLを提示していただけると回答しやすいです。
Outerブロックの下に p タグなど何か要素が入っていないかデベロッパーツールで確認してみてください。
デベロッパーツールに関しては下記参照ください。ご解答ありがとうございます。
外観ウェジェットには何も入っていませんでした。
デペロッパーも確認しましたが<p>もあらずです💦
サイトはこれです。
設定がおかしいでしょうか？ご返信ありがとうございます。
Coming Soonぺーじになっているようで、実際のページが確認できませんでした。
差し支えなければ実際のページを見れるようにしていただくと解決が早いかもしれません。デペロッパーも確認しましたがもあらずです💦
Outerブロックに共通余白がついているかもしれません、一度ご確認いただけますか？
ご確認いただきありがとうございます。
まさしくLPでComing Soonページ（仮）を作っててこのような現象になっていまってるところです
※わかりやすくテストにしました。ご指示いただいた余白のところも確認しまして念のため上下とも0にしましたが改善せずでした
こちらで見てる状況と他の方がみてる状況が違うのでしょうか？（キャッシュのクリアもしてみましたが改善されず）
私がこちらで見てる情報の画面もスクショで貼り付けますまさしくLPでComing Soonページ（仮）を作っててこのような現象になっていまってるところです
なるほど、私が勘違いしておりました。
わたしが勘違いしているかもしれませんので、もう一度問題をお聞きしてもいいでしょうか。
最初に送っていただいた画像（添付画像1枚目参照）がOuterブロックとフッターの間に余白があるように見えましたので、【外観】→【ウィジェット】→【フッター上部】ウィジェットに何か入っているのではないかなと思いました。現在はOuterブロックのみが配置されておりますが、
このOuterブロックの背景画像をブラウザの画面いっぱいに表示したいということでしょうか？(添付画像2枚目参照)—-
もしそうであれば、Outerブロックはセクションの背景などに使用するようなブロックになりますので、
画面いっぱいに伸ばすなら追加CSSなどでカスタマイズします。やり方ですが、以下の手順でいかがでしょうか。
【01】Outerブロックを選択して、ブロックの設定画面の下の方にある「高度な設定」→「追加 CSS クラス」に
height-fullというクラス名を追加する。【02】外観→追加CSSに以下のCSSを追加
.wp-block-vk-blocks-outer.vk_outer.height-full{ height:100vh; }背景画像が画面下全体まで伸びると思います。
もし意図する回答でない場合はお知らせください
- このトピックに返信するにはログインが必要です。
