我如何在联系表格7中设置接受标签的样式?

问题描述 投票:1回答:2

我正在使用Contact Form 7插件在wordpress网站上工作。当您单击“注册”按钮时,您会清楚地看到,我无法设置“我接受”按钮和文本的样式。我想以他们为中心,并有一些不错的利润。网址:https://wattax.eu?您能帮我样式吗?在此先感谢

我已经尝试了几种其他CSS。

html css wordpress contact-form-7
2个回答
0
投票

尝试一下:

p:not(.has-background):last-of-type {
    padding-bottom: 0;
    text-align: center;
}

对于此复选框,请使用此:

.wpcf7 input, .wpcf7 textarea {
    width: 100%;
    margin-right: 20px;
}

0
投票

删除此规则行22215:

#wpcf7-f219-p47-o1 > form > p:nth-child(34) {
  display: flex;
}

替换为:

.inputter {
  display: flex;
  justify-content: center
}

.inputter .wpcf7-list-item {
  margin-right: 1.2%;
}

.inputter input[type="checkbox"] {
  width: 20px;
  height: 20px
}

并将p html(在“ Nadpis”之后第一个更改为:]

<p class="inputter">
  <span class="wpcf7-form-control-wrap acceptance-236">
    <span class="wpcf7-form-control wpcf7-acceptance optional">
      <span class="wpcf7-list-item">
        <input type="checkbox" name="acceptance-236" value="1" aria-invalid="false">
      </span>
    </span>
  </span>
  I accept
</p>

如果您错过了它,也应'要求'注意”。

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.