WP - 联系表格7 - 输入和输出Btn彼此相邻

Question

我的网站正在处理：http://www.whatsahoy.com/

我的问题：我想要按钮旁边的输入字段。如果我添加一个浮动，它会彼此相邻但有一个奇怪的<br>。然后整个事情也在左边。我希望它在中间。

有人可以帮帮我吗？！非常感谢你！ 巴巴拉

Answer 1

为了向您提供最佳解决方案，查看表单的源代码会很有帮助。 <br>可能在某处。但是，根据我所看到的情况，这是我的回复。如果它没有帮助，我建议你更新你的问题。

将以下样式添加到自定义CSS会将字段和按钮放在彼此旁边，直到屏幕宽度为767px。

.wpcf7-form p {
    display: inline-block;
    width: 470px;
    max-width: 95%;
}

.wpcf7-form p br {
    display: none;
}

如果您希望在较小的屏幕上彼此相邻，则可以更改框架的宽度。这取决于主题设置的767px。我不确定这会不会在您网站的其他地方产生不良影响，但您可以尝试。

@media only screen and ( max-width: 767px ) {
    .et_pb_row {
        width: 600px;
    }
}

然而，它将在600px的屏幕上瘫痪。最好使文本字段小于......

@media only screen and ( max-width: 600px ) {
    .wpcf7 input {
        max-width: 50%;
    }
}

你可能想稍微调整一下，但我希望你明白这个想法。 GL！