Question

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

具体来说，我试图删除下图中绿框之间的空格：

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

我希望带有电话号码（顶部）的图像连接到表格（底部）。我检查了适用于表单的CSS，没有余量。 HTML代码或Wordpress WYSIWYG中也没有中断空间。

为什么是空格？

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

谢谢！

Answer 1

空格是由margin-bottom: 15px;内的div内的video-sub字符line-height提供的20px。该段落还有.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;
}

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

{{1}}

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

{{1}}

Answer 2

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

如何在我正在编辑的Wordpress页面中控制间距？

2 个答案: