在联系表单 7 表单标签中添加 div

Question

我正在尝试在联系表单 7 的表单标签下添加 <div class="content-inner"></div>，以便将表单的内部内容包装起来。

到目前为止，这是我的代码：

<div class="form-container">
<div class="contact-heading text-center">
   <h1>Contact</h1>
</div>
<div class="form-content">
   <?php echo do_shortcode( '[contact-form-7 id="140" title="Contact"]' ); ?>
   </div>
</div>

我不知道在哪里放置 div，所以它在我的表单标签内。任何帮助将不胜感激！

Answer 1

您不能在联系表单插件短代码中添加 div。 但是，您可以在创建和编辑表单时添加 div

我使用 div 作为提交按钮

<label class='contact_form_name'> Your Name <span style='color:red;'>*</span>
[text* your-name] </label>

<label class='contact_form_email'> Your Email <span style='color:red;'>* 
</span>
[email* your-email] </label>

<label class='contact_form_subject'> Subject<span style='color:red;'>*</span>
[text your-subject] </label>

<label class='contact_form_message'> Your Message<span style='color:red;'>* 
</span>
[textarea your-message] </label>
<div class='contact_form_submit'>
[submit "Send"]
</div>

Answer 2

在 Wordpress 管理部分，您可以编辑表单本身。在那里你可以看到表单元素。您也可以在其中编写自己的 HTML。