Contact form 7 + Wordpress — как стилизовать checkbox для политики конфиденциальности?

Question

[Alexander9229]

Использую плагин Contact form 7 на WordPress
Как оказалось, стилизация checkbox здесь не как обычная

Вот такой html

<label for="popup_policy" class="popup-policy popup-policy__label popup-policy--primary">
   <span class="wpcf7-form-control-wrap user_checkbox">
       <span class="wpcf7-form-control wpcf7-acceptance optional">
            <span class="wpcf7-list-item">
                 <input type="checkbox" name="user_checkbox" value="1" aria-invalid="false" checked="checked" class="popup-policy__checkbox" id="popup_policy">
            </span>
        </span>
   </span> Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с <a href="#" class="popup-policy__link">политикой конфиденциальности</a>
</label>

Код с пробными стилями

Как можно это переиграть?

Answer 1

[Alexander9229]

Разобрался, кому интересно - вот эта статья помогла
https://www.philowen.co/blog/custom-styles-for-con...

Answer 2

[robodead]

Если речь про желтый квадратик спереди, то можно просто добавить в css

.popup-policy__label .wpcf7-list-item::before{content: unset;}

Comments

[Alexander9229]

Его необходимо сделать как обычно, но сама структура html всё ломает