Стилизация форм в Contact Form 7

[Nisan]

Добрый день!

Помогите, пожалуйста допилить форму обратной связи!
Движок сайта: Wordpress
Плагин контактной формы: Contact Form 7

В панели редактирования контактной формы плагина Contact Form 7 (Шаблон формы) указываются шорткоды ( пример: [checkbox raspiska] ), а в шаблоне письма соответственно [raspiska].

Проблема заключается в следующем:
В коде используется стилизация чекбоксов и радио кнопок с помощью псеводэлемента :after в CSS.

Однако при замене исправно работающего:

        <div class="main__form-fields">
            <input type="checkbox" id="raspiska" value="Расписка">
            <label class="main__form-label main__form-label_1" for="raspiska">Расписка</label>
        </div>

на

       <div class="main__form-fields">
           [checkbox raspiska]
       <label class="main__form-label main__form-label_1" for="raspiska">Расписка</label>
        </div>

стилизация пропадает.
Насколько я понимаю это связано с разрывом связи id="raspiska" в поле и for="raspiska" в LABEL.

Вот что выдает движок вместо [checkbox raspiska]:

<span class="wpcf7-form-control-wrap raspiska"><span class="wpcf7-form-control wpcf7-checkbox" id="raspiska"></span></span>

Может кто сталкивался с проблемой и знает как стилизовать чекбоксы в Contact Form 7

Заранее благодарю!

 

[AnrDaemon]

Почему не спросить об этом на форуме вордпресса?…

 

[AmdY]

При чём здесь вообще id и твой код. Вот же

<span class="wpcf7-form-control-wrap raspiska"><span class="wpcf7-form-control wpcf7-checkbox" id="raspiska"></span></span>

Переопредели стили wpcf7-* и будет тебе счастье.

 

[AnrDaemon]

Что, от переопределения стиля заработает <label> ?