在联系表格7(WP)中居中对齐Google Recaptcha字段

时间:2018-10-29 14:48:09

标签: css wordpress recaptcha contact-form-7

真正努力使Recaptcha在Contact 7表单中居中对齐。

我尝试了Google的多种解决方案,但都没有奏效。

我不知道需要哪一位,所以这里是元素:

/product/

另一位用户说可能更容易看到它,因此我将以上代码上传到了html上:http://stargazysolutions.com/users/test.htm

只想让recapcha在页面中间居中。

有什么想法吗?

谢谢

1 个答案:

答案 0 :(得分:1)

将此代码添加到主题的style.css文件中,保存并再次检查发布此表单的WordPress联系人页面。

.wpcf7-recaptcha > div {
    margin: 0 auto;
}

Centered Recaptcha CF7

注意:它将使所有CF7表格生效,并使所有Recaptcha字段居中对齐。