Как в Contact Form 7 увеличить поля?

Question

[1739]

Сайт 57e.682.myftpupload.com/ask-a-question/. Задача - сделать поля Name и Email 50% и 45% соответственно. В CSS прописала классы для них (left и right). Но поля все равно не увеличиваются.
Может, кто подскажет, что нужно еще сделать? Заранее спасибо!

Answer 1

[Mark]

/wp-content/themes/twentyfifteen-child/css/bootstrap.min.css

этот стиль найди input, button, select, textarea
пропиши
width: 200px;
height: 30px;

Answer 2

[koanvl]

Укажите для соответствующих label и input width: 100%

Answer 3

[Михаил Лисецкий]

Можно обернуть элементы формы Contact Form 7 в bootstrap как то так:

<div class="row">
	<div class="col-md-12 form-group text-white">* - поля, обязательные для заполнения</div>
</div>
<div class="row">
	<div class="col-md-4 form-group"><label class="sr-only">Имя</label><span class="placeholder">Имя</span>[text* your-name class:form-control]</div>
	<div class="col-md-4 form-group"><label class="sr-only">Телефон</label><span class="placeholder">Телефон*</span>[text* your-phone class:form-control]</div>
	<div class="col-md-4 form-group"><label class="sr-only">Email</label><span class="placeholder">Email*</span>[email* your-email class:form-control]</div>
</div>
<div class="form-group"><label class="sr-only">Тема</label><span class="placeholder">Тема</span>[text your-subject class:form-control ]</div>
<div class="form-group"><label class="sr-only">Сообщение</label><span class="placeholder">Сообщение</span>[textarea your-message x5 class:form-control]</div>
<div class="row">
	<div class="col-md-6 form-group">[quiz quiz-413 class:form-control "1+1=?|2" "2+2=?|4" "3+3=?|6" "4+4=?|8" "5+5=?|10"]</div>
	<div class="col-md-6 form-group">[submit class:btn class:btn-primary "Отправить"]</div>
</div>

Answer 4

[CasDi]

Попробуй так.
В файле style.css
.wpcf7 input[type="text"]{ width:50%;}
.wpcf7 input[type="email"]{ width:45%;}

Answer 5

[skokovrov]

вставил в стили раставил как ограждения а так и не получилось