如何将某些字段居中Wordpress插件联系表7?

时间:2018-08-02 13:14:45

标签: css wordpress

我设法使表格与页面中心对齐,但文本区域下方的“接受按钮”仍与左侧对齐。如何将接受复选框居中?

.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;

}

您将在下面看到图像。我正在寻找将提交按钮下方的接受复选框。

enter image description here

2 个答案:

答案 0 :(得分:0)

请尝试以下操作。 我过去使用过类似的工具,但现在无法再次检查它是否100%正确。

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

答案 1 :(得分:0)

如果您的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>