Помогите, пожалуйста допилить форму обратной связи!

Добрый день!

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

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

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

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

Код (Text):

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

на

Код (Text):

1.  
2.        <div class="main__form-fields">
3.            [checkbox raspiska]
4.        <label class="main__form-label main__form-label_1" for="raspiska">Расписка</label>
5.         </div>

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

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

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

 

Прошу прощения, не совсем понял вопрос. Можете, пожалуйста, уточнить?

 

Заменяется на:

HTML:

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