Здравствуйте. Занимаюсь переносом готовой верстки сайта на wordpress. Необходимо перенести готовый дизайн формы в Contact Form, но проблема в том, что плагин сам генерирует много лишних оберток вокруг тегов input, расставляет по своему теги label. В итоге, стили на сайте ведут себя не так, как хотелось бы, форма увеличена в размере, картинка чекбокса не подгружается. Вариант с редактированием стилей не подходит.
Такой вот код<form class="rental" id="rental">
<button class="rental__popup-close" type="button">
<span class="visually-hidden">Закрыть</span>
</button>
<div class="rental__wrap-form">
<h3 class="rental__title">Заявка на прокат</h3>
<div class="rental__wrap">
<label for="name" class="rental__label">Имя:</label>
<input type="text" class="rental__input rental__input--name" id="name" name="name" required="">
</div>
<div class="rental__wrap-note">
<label for="email" class="rental__label">Электропочта:</label>
<input type="text" class="rental__input" id="email" name="email" required="">
<p class="rental__note">Мы не присылаем спам.</p>
</div>
<div class="rental__wrap">
<label for="phone" class="rental__label">Телефон:</label>
<input type="tel" inputmode="numeric" class="rental__input" id="phone" name="phone" placeholder="+7" required="">
</div>
<textarea class="rental__message" placeholder="Пожелания"></textarea>
<div class="rental__wrap-consent">
<input type="checkbox" id="consent" class="rental__checkbox" checked="" required="">
<label for="consent" class="rental__label-consent">Даю согласие на обработку персональных данных</label>
</div>
<button class="sendmail-btn" type="submit">Отправить заявку</button>
</div>
</form>
Превращается в такой
Если отсюда можно будет что либо понять.
Буду вам очень признателен за любую подсказку.
Средний
