Проблема применения стилей к форме
-
Добрый вечер.
Устанавливаю на сайт Wp. При переносе формы контактов на WP не применяются стили к этой форме.
Теперь подробнее. У меня код формы у index.php вот такой:<form action=»#» class=»contacts__feed»>
<div class=»contacts__input»>
<input name=’feedname’ id=»feedname» type=»text»>
<div class=»label-form»>
<label for=»feedname»>Ваше ім’я</label>
</div>
</div><div class=»contacts__input»>
<input name=»feedemail» id=»feedemail» type=»email»>
<div class=»label-form»>
<label for=»feedemail»>Ваша пошта</label>
</div>
</div>
<div class=»contacts__textarea»>
<textarea name=»feedtext» id=»feedtext»></textarea>
<div class=»label-form»>
<label for=»feedtext»>Ваше повідомлення</label>
</div>
</div>
<div class=»contacts__triggers»>
<button class=»contacts__btn btn»>Відправити повідомлення</button>
<div class=»contacts__policy»>
<input name=»feedcheckbox» id=»feedcheckbox» required type=»checkbox»>
<span>Я згоден(а) з політикою конфіденційності</span>
</div>
</div>
</form>Как видно у данном случаи у формы (form) есть класс class=»contacts__feed»
при установлении WP мы удаляем полностью форму (код выше) в index.php и на его месте
пишем такой вот код:<div class=»contacts__feed»>
<?php echo do_shortcode( ‘[contact-form-7 id=»337″ title=»Форма Контакты»]’ ); ?>
</div>Тоесть код формы с wp я обернул в div которому присвоил удаленный класс class=»contacts__feed»
но стили этого класса не применяются к форме в таком случаи и форма остается сплющенной и некрасивой в браузере.
Тоесть в данном случаи к div стиле не применяются аналогично как они применялись к form.
Как быть в этом случаи?
Так же для полной картины проблемы напишу, что у WP c помощю плагина wp для контактов создал вот такой код:
У WP код у меня такой:<div class=»contacts__input»>[text* feedname id:feedname]<div class=»label-form»><label for=»feedname»>Ваше ім’я</label></div></div>
<div class=»contacts__input»>[email* feedemail id:feedemail]<div class=»label-form»><label for=»email»>Ваша пошта</label></div></div>
<div class=»contacts__textarea»>[textarea* feedtext id:feedtext]<div class=»label-form»><label for=»feedtext»>Ваше повідомлення</label></div></div>
<div class=»contacts__triggers»><button class=»contacts__btn btn»>Відправити повідомлення</button>
<div class=»contacts__policy»>[checkbox* feedcheckbox id:feedcheckbox use_label_element]<span>Я згоден(а) з політикою конфіденційності</span></div></div>Ошибок не выдает, но стили не применяются к форме!
Буду очень благодарен за помощь!
Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]
- Тема «Проблема применения стилей к форме» закрыта для новых ответов.