如何对某些领域的Wordpress插件联系形式7？

Question

我设法将表单对齐到页面的中心，但是文本区域下面的“接受按钮”仍然对齐到左边。我怎样才能把那个验收复选框居中？

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password] {
    width:500px;
    text-align: left;
}

.wpcf7 label {
    width: 500px;
    text-align: left;
}


.wpcf7 textarea {
    width: 500px;
    text-align: left;
}


div.wpcf7 {
text-align: center;

}

在下面你会看到一个图像。我正在寻找移动接受复选框下方的提交按钮。

​

​

Answer 1

如果html代码像这样生成，那么您应该尝试

希望能帮上忙。

让我知道进一步的清洁

​

 .wpcf7 span.wpcf7-form-control {
    text-align: center;
    display: inline-block;
    float: none;
    width: 100%;
    margin: 0 auto;
}

<div class="wpcf7">
<span class="wpcf7-form-control wpcf7-checkbox">
	<span class="wpcf7-list-item first last">
		<input type="checkbox" name="checkbox-948[]" value="Accept">
		<span class="wpcf7-list-item-label">Accept</span>
	</span>
</span>
</div>

​

Answer 2

请试试下面的。我在过去使用过类似的东西，但现在不能重复检查它是否是100%正确的。

.wpcf7 input[type="acceptance"],
.wpcf7-list-item-label {
text-align: center;
}