Как я могу оформить приемную этикетку в контактной форме 7?

Question

Я работаю над сайтом WordPress с плагином Contact Form 7. Когда вы нажимаете кнопку «registrace», вы можете ясно видеть, что я не могу стилизовать кнопку «I accept» и текст. Я хотел бы отцентрировать их и иметь приличный запас. Веб: https://wattax.eu? Можете ли вы помочь мне, чтобы оформить их? Заранее спасибо

Я уже пробовал несколько дополнительных CSS.

Answer 1

удалить эту строку правила 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>

В случае, если вы ее пропустили, также должна быть запрошена дополнительная записка.

Answer 2

Попробуйте это:

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

Для флажка используйте это:

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