Contact Form 7 обрезанные поля

@St_Alex · Регистрация: 09.11.2016

Author24 — интернет-сервис помощи студентам

Приветствую Вас.
Уже несколько дней ломаю голову над Contact Form 7, а именно установил на слайдере код, чтоб сразу можно было отправить заказ, а поле для ввода данных обрезано. Причем только на слайдере, вставлял туже форму на тестовую страницу, там отображается нормально. А тут нет. Прошу дайте какие то идеи для исправления, нужен взгляд со стороны, у меня уже крыша едет.
Скрин и ссылка в комплекте, прямо на главной странице на слайдере. https://spring-perevod.com/

@ANemoy · 27.11.2019, 19:54

Добавьте это в файл style.css

CSS

1
2
3

    #wpcf7-f9816-p11-o4 input {
            min-width: 100%!important;
        }

Или ищите где у вас на прямую прописаны стили для этой формы и уберите их. Толи это через поля темы толи еще где-то.

@gogolik · 27.11.2019, 20:20

Судя по всему, у вас какой-то скрипт присваивает max-width элементам внутри формы. Сравнивайте что подгружается на тесте и тут.

@St_Alex · 28.11.2019, 15:42 **[ТС]**

Пробовал прописать тут wp-content\plugins\contact-form-7\includes\css по вашему примеру, результата не дало, буду пробовать прописать в других файлах \css . Искал отдельно где прописаны - не нашел.

Добавлено через 1 минуту
gogolik вероятно да. Т.К. форма работает на обычных страницах, и отказывается работать только на слайдере. Но я там все облазил, ничего не нашел.

@ANemoy · 28.11.2019, 15:54

Почистите кэш, после того как вставляете стили

@St_Alex · 28.11.2019, 16:38 **[ТС]**

каждый раз после добавления изменений открываю сайт через страницу инкогнито. Там файлы kуки не сохраняются. На сейчас уже перепробовал такие файлы и пути:
\spring-perevod.com\www\wp-content\plugins\contact-form-7\includes\styles.css
\spring-perevod.com\www\wp-content\plugins\contact-form-7\admin\styles.css
\spring-perevod.com\www\wp-content\themes\finance-business\style.css

@St_Alex · 10.01.2020, 14:26 **[ТС]**

Ура товарищи, спустя столько времени я наконец исправил. Благодаря пользователю ANemoy, его код я вставил в настройки стиля в самом слайдере, скриншот прикрепил, может еще кому будет полезна эта информация.

@St_Alex 1 / 1 / 0 Регистрация: 09.11.2016 Сообщений: 40
		1
	Contact Form 7 обрезанные поля 27.11.2019, 17:25. Показов 1525. Ответов 6 Метки contact form 7 (Все метки) Приветствую Вас. Уже несколько дней ломаю голову над Contact Form 7, а именно установил на слайдере код, чтоб сразу можно было отправить заказ, а поле для ввода данных обрезано. Причем только на слайдере, вставлял туже форму на тестовую страницу, там отображается нормально. А тут нет. Прошу дайте какие то идеи для исправления, нужен взгляд со стороны, у меня уже крыша едет. Скрин и ссылка в комплекте, прямо на главной странице на слайдере. https://spring-perevod.com/ Миниатюры 0

@gogolik Модератор 2684 / 1756 / 760 Регистрация: 13.03.2010 Сообщений: 5,838
	27.11.2019, 20:20	3
	Судя по всему, у вас какой-то скрипт присваивает max-width элементам внутри формы. Сравнивайте что подгружается на тесте и тут. 0

@St_Alex 1 / 1 / 0 Регистрация: 09.11.2016 Сообщений: 40
	28.11.2019, 15:42 [ТС]	4
	Пробовал прописать тут wp-content\plugins\contact-form-7\includes\css по вашему примеру, результата не дало, буду пробовать прописать в других файлах \css . Искал отдельно где прописаны - не нашел. Добавлено через 1 минуту gogolik вероятно да. Т.К. форма работает на обычных страницах, и отказывается работать только на слайдере. Но я там все облазил, ничего не нашел. 0

@ANemoy 49 / 73 / 26 Регистрация: 24.02.2017 Сообщений: 159
	28.11.2019, 15:54	5
	Почистите кэш, после того как вставляете стили 0

@St_Alex 1 / 1 / 0 Регистрация: 09.11.2016 Сообщений: 40
	28.11.2019, 16:38 [ТС]	6
	каждый раз после добавления изменений открываю сайт через страницу инкогнито. Там файлы kуки не сохраняются. На сейчас уже перепробовал такие файлы и пути: \spring-perevod.com\www\wp-content\plugins\contact-form-7\includes\styles.css \spring-perevod.com\www\wp-content\plugins\contact-form-7\admin\styles.css \spring-perevod.com\www\wp-content\themes\finance-business\style.css 0

@St_Alex 1 / 1 / 0 Регистрация: 09.11.2016 Сообщений: 40
	10.01.2020, 14:26 [ТС]	7
	Ура товарищи, спустя столько времени я наконец исправил. Благодаря пользователю ANemoy, его код я вставил в настройки стиля в самом слайдере, скриншот прикрепил, может еще кому будет полезна эта информация. Миниатюры 0

Опции темы

Contact Form 7 обрезанные поля

Решение