[ 解決済 ] Outerを利用した際、下に余白が生じる

VWSとは フォーラム VK Blocks・Pro [ 解決済 ] Outerを利用した際、下に余白が生じる

[ 解決済 ] Outerを利用した際、下に余白が生じる

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

    474336
    参加者

    ■ WordPress のバージョン
    6.0

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    14.22.9

    ■ Pro Unit のバージョン
    0.22.1

    ■ スキンの種類
    プレーン

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ 期待する動作
    LPページを作るのに
    Outerを利用して作ったんですが、下に余白が残ります。
    よはくをなくす方法はできますか?

    ■ 自分で試した事
    レイアウト:1カラム
    ✅サイトコンテントの上下余白を無しにする
    ✅ヘッダーを表示しない
    ✅ページヘッダーを表示しない
    ✅パンくずリストを表示しない
    ✅フッターを表示しない
    ✅ハンバーガーボタンを表示しない
    ✅モバイル固定ナビを表示しない
    セクションベース無し
    に設定しました

    ■ 症状が発生するブラウザ
    Chrome

    ■ 実際の症状
    白い余白をなくしたいです。

    Attachments:
    You must be logged in to view attached files.
    #66569

    うなこ
    モデレーター

    【外観】→【ウィジェット】→【フッター上部】 に何かブロック(スペーサーブロックやレスポンシブスペーサーブロック)が入っていませんか?

    #66571

    同じ症状が発生しているURLを提示していただけると回答しやすいです。

    Outerブロックの下に p タグなど何か要素が入っていないかデベロッパーツールで確認してみてください。
    デベロッパーツールに関しては下記参照ください。

    できる!CSSカスタマイズ

    #66579

    474336
    参加者

    ご解答ありがとうございます。
    外観ウェジェットには何も入っていませんでした。
    デペロッパーも確認しましたが<p>もあらずです💦
    サイトはこれです。
    設定がおかしいでしょうか?

    TOP

    • この返信は1ヶ月、 1週前に474336が編集しました。
    #66581

    うなこ
    モデレーター

    ご返信ありがとうございます。
    Coming Soonぺーじになっているようで、実際のページが確認できませんでした。
    差し支えなければ実際のページを見れるようにしていただくと解決が早いかもしれません。

    デペロッパーも確認しましたがもあらずです💦

    Outerブロックに共通余白がついているかもしれません、一度ご確認いただけますか?

    VK Blocks (Pro) 1.29.0 で設置した各ブロックから共通の余白設定ができるようになりました

    • この返信は1ヶ月、 1週前にうなこが編集しました。
    #66590

    474336
    参加者

    ご確認いただきありがとうございます。
    まさしくLPでComing Soonページ(仮)を作っててこのような現象になっていまってるところです
    ※わかりやすくテストにしました。

    ご指示いただいた余白のところも確認しまして念のため上下とも0にしましたが改善せずでした
    こちらで見てる状況と他の方がみてる状況が違うのでしょうか?(キャッシュのクリアもしてみましたが改善されず)
    私がこちらで見てる情報の画面もスクショで貼り付けます

    Attachments:
    You must be logged in to view attached files.
    #66594

    うなこ
    モデレーター

    まさしく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;
    }

    背景画像が画面下全体まで伸びると思います。

    もし意図する回答でない場合はお知らせください

    • この返信は1ヶ月、 1週前にうなこが編集しました。
    • この返信は1ヶ月、 1週前にうなこが編集しました。
    • この返信は1ヶ月、 1週前にうなこが編集しました。
    • この返信は1ヶ月、 1週前にうなこが編集しました。
    • この返信は1ヶ月、 1週前にうなこが編集しました。
    Attachments:
    You must be logged in to view attached files.
    #66786

    474336
    参加者

    うなこ様
    ありがとうございます
    解決できました!!!!

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