メインコンテンツにスキップ
すべてのコレクションよくあるご質問【ランディングページ機能】
【ランディングページ】お役立ち資料DL用LP作成時、フォームを入れ替えたらフォームまわりの余白がなくなってしまった
【ランディングページ】お役立ち資料DL用LP作成時、フォームを入れ替えたらフォームまわりの余白がなくなってしまった
エアトリスマートDX サポートチーム avatar
対応者:エアトリスマートDX サポートチーム
1年以上前に更新

現在、ランディングページ機能の「フォーム」テンプレートを使用した際、フォームを差し替えると以下の画像のようにフォーム周辺の余白が削除されてしまいます。

修正されるまでの間、お手数ですが以下を参考に修正いただけますと幸いです。

1. 現在までの作業を保存します。

2. コードモードに切り替え、以下のコードをページ内検索(Ctrl+Fで検索窓表示)します。

 <div data-slot="codemode" style="width: 100%; min-height: 50px">

3. 2のコードの>の前に半角スペースとclass="px-4 pb-4"をペーストします。

修正例:

 <div data-slot="codemode" style="width: 100%; min-height: 50px" class="px-4 pb-4">

4. ビルダーモードまたはプレビューにて余白の反映を確認します。

編集箇所の間違などで表示が崩れた場合はブラウザ更新を行い、1.からやり直してください。

こちらの回答で解決しましたか?