Jquery 我有一个Wordpress驱动的网站，我的联系人表单7插件在表单底部添加了大量空白，我不知道为什么

出于某种奇怪的原因，我的contact form 7插件使用以下代码嵌入到了front-page.php文件中：

<div id="contact" class="pad-section">
  <div class="container">
    <h1>Contact Us</h1>
    <?php echo do_shortcode('[contact-form-7 id="180" title="Request A Quote"]'); ?>
  </div><!-- container -->
</div><!-- contact -->

---

你能给我们看一下联系人表单的CSS代码吗？它是 可能是CSS中的某些内容。 我会猜到很多地方。 看看你能不能找到像这样的东西：padding:…px；或左填充：…px；差不多吧。然后试着把数字降低一些。如果是300px，试着把它变成50px，看看会发生什么

---

当我输入…，对于…px，我指的是一个值+px ex13px

这就是我认为的问题：

media="all"
.pad-section img {
   width: 100%;
}

我使用inspect元素在DOM中禁用了该选项，并修复了额外的填充，因此我将该值设置为none或干脆删除.pad部分img类

media="all"
.pad-section img {
   width: none;
}

或者删除该类。试试看

media="all"
.pad-section img {
   width: 100%;
}

media="all"
.pad-section img {
   width: none;
}