前提・実現したいこと
wordpressにてコンタクトフォーム7を使ってお問い合わせページを実現した
不要なpタグが付与されてレイアウトが崩れます。
functions.phpにpタグを削除する記述を行いましたが、タグは消えているがブロックが残っている状態なのでこれを削除したい。
display: flex; でブロックが3つ表示されている真ん中の余白を取り除きたい。
発生している問題・エラーメッセージ
html
1 <div class="contact__content contact-text"> 2 <p class="contact-text__head">※メールアドレス</p> 3 <input class="contact-text__text" type="text" placeholder="テキストがはいります"> 4 </div> 5
css
1.contact__content { 2 @include mq("md") { 3 display: flex; 4 align-items: center; 5 } 6} 7
php
1// Contact Form 7の自動pタグ無効 2add_filter('wpcf7_autop_or_not', 'wpcf7_autop_return_false'); 3function wpcf7_autop_return_false() { 4 return false; 5}
試したこと
Pタグ自動除去の記述をしない場合Pタグが入り、フォームとメールアドレス(タイトル)が上下中央寄せにならないのでマイナスマージンを入れたり、ハイトで調整しようとしてみたが、しっくりこないので質問させていただきました。
ぜひ解決したいのでよろしくお願いいたします。
あなたの回答
tips
プレビュー