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

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

Answer 2

您不能在联系人表单插件短代码中添加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>

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

2 个答案: