2

很简单，如何控制 Wordpress 页面上对象之间的间距？

具体来说，我正在尝试删除下图中绿色框之间的空白：

截图： http: //goo.gl/doZve 页面：http ://bellairecabinets.com/new/

我想要带有电话号码（顶部）的图像连接到表单（底部）。我检查了适用于表单的 CSS 并且没有边距。HTML 代码或 Wordpress WYSIWYG 中也没有分隔符。

为什么是空白？

此外，当输入错误信息并单击提交时，您会在表单上方收到警报。这会将整个布局向下移动。我怎样才能解决这个问题？有没有办法简单地将警报更改为出现在弹出框中而不是页面上？

谢谢！

4

2 回答 2

1

空白应存在于with 类margin-bottom: 15px;中的段落元素中。该段落也有一个。divvideo-subline-height20px

将此添加到您的 CSS 中：

.video-sub p
{
    line-height: 0;
    margin-bottom: 0;
}

要将绿色框与幻灯片对齐，请执行以下操作：

.video-sub
{
    padding-top: 0;
}

对于 CSS 弹出窗口，您可以这样做：

.form-error
{
    background-color: white;
    left: 0;
    margin: 0 auto;
    padding: 10px;
    position: fixed;
    right: 0;
    top: 30px;
    width: 980px;
    z-index: 1;
}

我认为您可以将上面的代码替换为可以处理错误并形成已发送消息的代码：

#contact-form-4758
{
     background-color: white;
     left: 0;
     margin: 0 auto;
     padding: 10px;
     position: fixed;
     right: 0;
     top: 30px;
     width: 980px;
     z-index: 1;
}
于 2013-01-24T01:53:02.187 回答
0

WordPress 内容中的额外间距通常是由 WordPress 自动段落代码引起的。这是一个名为 wp_autop() 的函数，它的目的是在输入中出现换行符的地方添加 HTML 中断段落。有一些方法可以将其关闭或仅在需要时应用。搜索 WordPress 论坛或 autop。

于 2013-01-24T01:55:05.273 回答