Спасибо за статьи: с готовыми заготовками стилей для CF7 и с описаниями классов Contact Form 7, - ранее не увидела, пока не развернула запись, буду пробовать.
Сейчас Contact Form 7 Style больше не используется, воспользоватся подскасками Вашего видео я не могу. Ответьте. пожалуйста, как можно прописать свои стили, WordPress я использую первый год, понемногу начала разбираться, спасибо Вам за видеоуроки. Заранее благодарю.
Юлия, Вы большая молодец и у Вас талант преподавания. Спасибо огромное за видео и полезную информацию на сайте. Возможно в будущем закажем у Вас разработку сайта!
@@impuls-web136 Ты сама то проверила это? - Ни хера чувствуется не проверила ..... Ну и какого ХЕРА пишеш "КЛАСС" ................... дурачок или как???
Здравствуйте! Огромная благодарность вам за уроки! Все очень доступно и понятно! А теперь пару вопросов - при изменении стиля кнопки "отправить" ну скажем цвета, цвет не меняется в статичной форме, а во всплывающем окне меняется, как это исправить? И еще как сделать черным текст внутри полей(скажем ФИО или телефон, они по умолчанию серые и едва видны, уже вроде во все настройки залез - не помогает)
Здравствуйте, Дмитрий! Спасибо за Ваш комментарий! Для изменения цвета текста внутри полей нужно приписать в style.css: .wpcf7 input [type="text"], .wpcf7 input [type="email"], .wpcf7 input [type="tel"], .wpcf7 select, .wpcf7 textarea{ color:#000!important; } Здесь я перечислила основные поля формы через запятую и задаю им чёрный цвет. Вместо #000 Вы можете указать свой цвет. Для того чтобы ответить на первый вопрос мне нужно видеть страницу с формой. Скорее всего там просто класс или идентификатор другой подставить нужно.
Благодарю, цвет внутри полей пока не удалось поменять, а вот цвет кнопки поменял с помощью css. Спасибо за ваши уроки. Подскажите пожалуйста какой виджет лучше использовать для каталога в вордпресс? Мне именно каталог, без корзины, чтобы человек мог просто нажать кнопку оставить заявку.
Здравствуйте! У меня на блоге есть статья про плагины для создания каталогов товаров. Вот ссылка: impuls-web.ru/5-luchshix-plaginov-wordpress-dlya-sozdaniya-kataloga-tovarov/ Посмотрите, может что-то подойдёт.
Посмотрел несколько уроков и они уже пригодились. Подскажите сделал форму всплывающую как в уроке, но у меня почему то правая граница как то съехала, т.е. правой границы текстовых полей нет почему то.
Здравствуйте! Я не совсем поняла Ваш вопрос, но вот статья про вставку яндекс карты impuls-web.ru/kak-vstavit-kartu-yandeks-na-sajt-wordpress/ Возможно она Вам поможет.
Здравствуйте! Вот статья с видео инструкцией, где расписано как настроить отправку прикрепленных файлов с Contact form 7 impuls-web.ru/otpravka-prikreplyonnyx-fajlov-s-sajta-wordpress/
Здравствуйте! Полезное получилось видео! Однако у меня есть еще такой вопрос, касательно стилей: как можно ограничить размер выпадающего списка. Т.е. у меня например 20 записей в поле выпадающего списка. По умолчанию оно открывается на все 20 записей, но мне нужно чтобы размер был достаточен чтобы видеть 5 записей и справа был ползунок для листания.
Здравствуйте, Роман! Спасибо за комментарий! Боюсь что стандартными средствами HTML и CSS Вы этого не сделаете. Там нужно будет подключать какую нибудь Java Script библиотеку стилизации, которая будет заменять теги select и option на div и span. И потом для них уже стилями задавать высоту раскрывающегося списка.
Здравствуйте, снова! Я был слегка невнимателен, оказывается возможность прокрутки и большая часть того, что мне нужно уже есть в стиле поля выпадающего списка. Но оно ограничено 20 строчками, может подскажете где можно найти код(стиль) отвечающий за это количество. Не могу пока найти нужный кусок кода...
В браузере Opera - 20 строк, в Internet Explorer - 30 строк, в MozilaFirefox - 21строка, в Safari - 16 строк. Количество строк в данном списке определяется браузером и каких то атрибутов, позволяющих задать нужное количество строк для данного тега нет. Это можно сделать только путём подключения одной из библиотек стилизации для select с последующей правкой стилей. Для подключения подобной библиотеки нужно будет вносить правки в файлы плагиа.
В смысле чтобы название товара под фото высвечивалось? Если можно вышлите ссылку на сайт, где Вы видели что то подобное. Так я лучше пойму что имеенно нужно.
Здравствуйте, Наталья! Можете прислать скриншот страницы настроек плагина, чтобы я могла увидеть в каком поле возникает ошибка? Меня интересует вкладка "Письмо"
Здравствуйте! Для этого нужно в CSS файл Вашей темы дописать свойство resize: none; с правилом !important То есть выглядеть это будет как то так: .wpcf7 textarea { resize: none!important; }
Юлия, подскажите, пожалуста, если форма всплывает по кнопке, как в одном из Ваших уроков, как убрать белый фон? Данный плагина меняет форму, но она остается внутри белого окна все равно. Заранее спасибо.
Какой именно платин имеется ввиду? Сам плагин Contsct Form 7 или плагин для стилизации? А без этого плагина такого не происходит? Там может быть много причин такого поведения.
Добрый день! Большое спасибо за видео! У меня есть два вопроса. Первый: выставила вверху шрифт один на всех, но в строчках ввода и в текст ареа они отличаются. Почему так? Второй: Можно ли как-то сделать так, чтобы после заполнения формы поле не становилось желтым? joxi.ru/l2ZEeOkibJKVmJ
Здравствуйте! По первому вопросу. А можете привести пример кода, где Вы шрифт задаёте? По второму - нужно более детально смотреть Ваш сайт. Скорее всего это в стилях темы задаётся.
Спасибо огромное! Если не затруднит - ответьте на вопросы: 1. при настройке формы всё ок, и в превью всё отображается так как я хочу, но после публикации и обновления, на самом сайте форма не меняется. joxi.ru/brRezNOupkeDA1 2. как сделать такую форма обратной связи? joxi.ru/12MezkKuYGD82J С помощью этого редактора стиле можно так сделать? или только ручками в коде? Спасибо большое!)))
Спасибо за комментарий! 1. Не могу ничего сказать заочно. Нужно смотреть сайт, экспериментировать с настройками. 2. Такую форму можно сделать руками, дописав определённые стили. У меня есть статья с готовыми решениями для подобной формы вот ссылка impuls-web.ru/gotovye-stili-dlya-contact-form-7/ Надеюсь, что у Вас всё получится!
Спасибо за урок, Юлия. таки понятно и доходчиво объясняете, подписка! Помогите с моей бомжеформой. Когда отправляешь сообщение через форму, выскакивает текст об успешной отправке, как убрать в нем рамку? Отключал в Contact form Style бордер но вокруг текста все равно остается рамка, путем извращений получилось её превратить только в квадратик, результат на картинке - pp.vk.me/c637129/v637129192/2b819/2Th44Y3EcKE.jpg. Или как в самом CSS можно найти класс отвечающий за оформление этого уведомления?
Здравствуйте, Давид! У меня на канале есть видео по определению класса элемента. Вот ссылка th-cam.com/video/laVIlOU5Y4k/w-d-xo.html Также не забывайте про правило !important оно Вам понадобиться чтобы перекрыть родные стили формы. Все правки для изменения стилей вносите в файл стилей темы чтобы при обновлении плагина все изменения не слетели. Там Вам нужно будет для границы задать border: 0px!important;
К сожалению плагины Wordpres могут обновляться по несколько раз в месяц и изменять свой интерфейс, поэтому любая инструкция будет актуальна только в течении определённого времени.
после установки Contact Form 7 style начали появлятся спамные кментарии и пользователи, замечал на нескольких своих сайтах, похоже автор плагина занимается не очень хорошими делами, на 100 процентов не уверен но есть большая доля правды. Если после установки у вас тоже появиться спам, то это правда.
Здравствуйте! Не замечала такой проблемы. Попробуйте отказаться от него и стилизовать форму самостоятельно. У меня на блоге есть статьи с готовыми заготовками стилей, возможно Вам что-то подойдёт. impuls-web.ru/gotovye-stili-dlya-contact-form-7/ impuls-web.ru/izmenyaem-stili-dlya-contact-form-7-tri-gotovyx-resheniya/
Спасибо за статьи: с готовыми заготовками стилей для CF7 и с описаниями классов Contact Form 7, - ранее не увидела, пока не развернула запись, буду пробовать.
Юля, ты просто песня!
Спасибо за ум, старание, желание поделиться знаниями и создание нужных видео!
Большое спасибо за Ваш комментарий! :)
Сейчас Contact Form 7 Style больше не используется, воспользоватся подскасками Вашего видео я не могу. Ответьте. пожалуйста, как можно прописать свои стили, WordPress я использую первый год, понемногу начала разбираться, спасибо Вам за видеоуроки. Заранее благодарю.
Очень клевый и полезный канал. Прям все подробно и понятно. По крайней мере мне. Спасибо за большой вклад в развитие и помощь людям!
Спасибо Вам большое за Ваш комментарий!
В первые вижу девушки специалиста)) Умничка)
Спасибо! :)
Спасибо БОЛЬШОЕ! Прекрасное видео - очень помогло, доступно и понятно даже неразбирающемуся человеку!
И Вам спасибо! :)
Подробный обзор и всё по делу! Смотрите - не пожалеете!
Спасибо, Евгений!
Обалденно, смотрю видео и прям в восторге! Доступно, понятно! Вот если бы еще появились уроки по верстке и стилям сайта, вообще бы цены не было)))
Спасибо огромное! Видео по вёрстке в дальнейшем планирую :)
Абалдеть!!!!молодец! Не ожидал
Спасибо, Сергей!
ОЧень понравился урок) Вы молодец!
Спасибо большое! :)
Юлия, Вы большая молодец и у Вас талант преподавания. Спасибо огромное за видео и полезную информацию на сайте. Возможно в будущем закажем у Вас разработку сайта!
Александр, спасибо большое за Ваш комментарий!
Супер, Вы молодец. Очень хорошие, понятные видео. Спасибо
И Вам спасибо! Удачи Вам!
Спасибо! У Вас действительно талант! Подписалась.
Здравствуйте! Спасибо за Ваш комментарий и подписку! :)
спасибо за мануал) недавно озадачивался данным вопросом в связке с визуал композером
И Вам спасибо! Желаю успешного освоения данной темы!
Спасибо большое! Очень познавательно! Вы большая молодец!!
Спасибо, Артем! :)
Вот это действительно класс!!!!!
Спасибо :)
а эта форма адаптивная?
Ууууууумничка!
Спасибо :)
Спасибо
И Вам спасибо!
Спасибо, за видео!
Всё отлично, но музыка на фоне на мой взгляд очень мешает, так, как очень громкая.
Спасибо! Я учту :)
как в сontact form 7стилизировать input, кнопку и поменять placeholder в шаблоне [file] ?
класс, отличное видео, спасибо)
Спасибо :)
@@impuls-web136 Ты сама то проверила это? - Ни хера чувствуется не проверила .....
Ну и какого ХЕРА пишеш "КЛАСС" ................... дурачок или как???
Здравствуйте! Огромная благодарность вам за уроки! Все очень доступно и понятно!
А теперь пару вопросов - при изменении стиля кнопки "отправить" ну скажем цвета, цвет не меняется в статичной форме, а во всплывающем окне меняется, как это исправить?
И еще как сделать черным текст внутри полей(скажем ФИО или телефон, они по умолчанию серые и едва видны, уже вроде во все настройки залез - не помогает)
Здравствуйте, Дмитрий! Спасибо за Ваш комментарий!
Для изменения цвета текста внутри полей нужно приписать в style.css:
.wpcf7 input [type="text"], .wpcf7 input [type="email"], .wpcf7 input [type="tel"], .wpcf7 select, .wpcf7 textarea{
color:#000!important;
}
Здесь я перечислила основные поля формы через запятую и задаю им чёрный цвет. Вместо #000 Вы можете указать свой цвет.
Для того чтобы ответить на первый вопрос мне нужно видеть страницу с формой. Скорее всего там просто класс или идентификатор другой подставить нужно.
Благодарю, цвет внутри полей пока не удалось поменять, а вот цвет кнопки поменял с помощью css. Спасибо за ваши уроки. Подскажите пожалуйста какой виджет лучше использовать для каталога в вордпресс? Мне именно каталог, без корзины, чтобы человек мог просто нажать кнопку оставить заявку.
Здравствуйте! У меня на блоге есть статья про плагины для создания каталогов товаров. Вот ссылка: impuls-web.ru/5-luchshix-plaginov-wordpress-dlya-sozdaniya-kataloga-tovarov/
Посмотрите, может что-то подойдёт.
Посмотрел несколько уроков и они уже пригодились. Подскажите сделал форму всплывающую как в уроке, но у меня почему то правая граница как то съехала, т.е. правой границы текстовых полей нет почему то.
здраствуйте,подскажите пожалуйста как вы сделали все контакты в яндекс карте!!
Здравствуйте! Я не совсем поняла Ваш вопрос, но вот статья про вставку яндекс карты impuls-web.ru/kak-vstavit-kartu-yandeks-na-sajt-wordpress/
Возможно она Вам поможет.
Спасибо
Подскажите пожалуйста, как сдать чтобы было видно какое фото прислал клиент в контактной форме?
Здравствуйте! Вот статья с видео инструкцией, где расписано как настроить отправку прикрепленных файлов с Contact form 7 impuls-web.ru/otpravka-prikreplyonnyx-fajlov-s-sajta-wordpress/
Здравствуйте! Полезное получилось видео! Однако у меня есть еще такой вопрос, касательно стилей: как можно ограничить размер выпадающего списка. Т.е. у меня например 20 записей в поле выпадающего списка. По умолчанию оно открывается на все 20 записей, но мне нужно чтобы размер был достаточен чтобы видеть 5 записей и справа был ползунок для листания.
Здравствуйте, Роман! Спасибо за комментарий! Боюсь что стандартными средствами HTML и CSS Вы этого не сделаете. Там нужно будет подключать какую нибудь Java Script библиотеку стилизации, которая будет заменять теги select и option на div и span. И потом для них уже стилями задавать высоту раскрывающегося списка.
Здравствуйте, снова! Я был слегка невнимателен, оказывается возможность прокрутки и большая часть того, что мне нужно уже есть в стиле поля выпадающего списка. Но оно ограничено 20 строчками, может подскажете где можно найти код(стиль) отвечающий за это количество. Не могу пока найти нужный кусок кода...
Здравствуйте! Попробуйте посмотреть страницу с формой в разных браузерах. Там тоже 20 строк? Или скиньте ссылку на страницу с формой, чтобы я глянула.
Смотрел в разных браузерах, везде 20 строк. Ссылка: opel.gran-it.by/sample-page/
В браузере Opera - 20 строк, в Internet Explorer - 30 строк, в MozilaFirefox - 21строка, в Safari - 16 строк. Количество строк в данном списке определяется браузером и каких то атрибутов, позволяющих задать нужное количество строк для данного тега нет. Это можно сделать только путём подключения одной из библиотек стилизации для select с последующей правкой стилей. Для подключения подобной библиотеки нужно будет вносить правки в файлы плагиа.
Сделайте видио пожалуйста как подписывать товар под фото в wordpress
В смысле чтобы название товара под фото высвечивалось? Если можно вышлите ссылку на сайт, где Вы видели что то подобное. Так я лучше пойму что имеенно нужно.
Спасибо за видео! Подскажите, пожалуста, как в сontact form 7 поменять placeholder в шаблоне [file] с 'Choose file' на любой другой. Спасибо.
Здравствуйте! А у Вас язык в настройках сайта русский стоит? Просто он у Вас на русском должен отображаться.
У меня стоит русский, но выводит 'Choose file'. Есть какой-то способ, как поменять это на любое другое (например: Подробнее)
Подскажите пожалуйста, как исправить ошибку конфигурации в письме?
[name]
В поле есть синтаксические ошибки.
Здравствуйте, Наталья! Можете прислать скриншот страницы настроек плагина, чтобы я могла увидеть в каком поле возникает ошибка? Меня интересует вкладка "Письмо"
Здравствуйте. Подскажите, как запретить изменение размера блока textarea (сообщение) ? (при наведении на черточки в правом нижнем углу)
Здравствуйте! Для этого нужно в CSS файл Вашей темы дописать свойство resize: none; с правилом !important
То есть выглядеть это будет как то так:
.wpcf7 textarea {
resize: none!important;
}
Подскажите,что за трек?
+Nord Bast Дайте почту. Я вам скину его :)
+impuls-web nordbast@gmail.com заранее спасибо!!! ))
+Nord Bast Отправила Вам на почту. Приятного прослушивания :)
+impuls-web все в порядке,он уже играет! =) Успехов Вам и каналу! ;)
спасибо!
Юлия, подскажите, пожалуста, если форма всплывает по кнопке, как в одном из Ваших уроков, как убрать белый фон? Данный плагина меняет форму, но она остается внутри белого окна все равно. Заранее спасибо.
Здравствуйте! Не совсем понимаю о каком именно белом фоне идёт речь. Можете прислать скриншот или ссылку на страницу с формой?
Форма на кнопке заказа - philip.digital
Все равно остается ещё один слой фона. Где это исправить?
получилась параша. два фона )
Попробуйте в style.css дописать
#fancybox-content {
box-shadow:none!important;
}
И заменить в предложенном коде цвет #15567E на тот, который Вам нужен
что означает когда при нажатии опубликовать, страница переадресовывается на page.php и пишет что не найдено что-то. что за болезнь у этого плагина?
Какой именно платин имеется ввиду? Сам плагин Contsct Form 7 или плагин для стилизации? А без этого плагина такого не происходит? Там может быть много причин такого поведения.
Добрый день!
Большое спасибо за видео!
У меня есть два вопроса.
Первый: выставила вверху шрифт один на всех, но в строчках ввода и в текст ареа они отличаются. Почему так?
Второй: Можно ли как-то сделать так, чтобы после заполнения формы поле не становилось желтым?
joxi.ru/l2ZEeOkibJKVmJ
Здравствуйте! По первому вопросу. А можете привести пример кода, где Вы шрифт задаёте? По второму - нужно более детально смотреть Ваш сайт. Скорее всего это в стилях темы задаётся.
Добрый день! Спасибо за ответ. Я меняла только в плагине, руками в коде не исправляла. Про второй вопрос поняла.
А так зделать поля в один ряд?
У меня есть статья с готовыми стилями и кодом, возможно она Вам поможет. Вот ссылка impuls-web.ru/gotovye-stili-dlya-contact-form-7/
Спасибо огромное!
Если не затруднит - ответьте на вопросы:
1. при настройке формы всё ок, и в превью всё отображается так как я хочу, но после публикации и обновления, на самом сайте форма не меняется. joxi.ru/brRezNOupkeDA1
2. как сделать такую форма обратной связи? joxi.ru/12MezkKuYGD82J
С помощью этого редактора стиле можно так сделать? или только ручками в коде?
Спасибо большое!)))
Спасибо за комментарий!
1. Не могу ничего сказать заочно. Нужно смотреть сайт, экспериментировать с настройками.
2. Такую форму можно сделать руками, дописав определённые стили. У меня есть статья с готовыми решениями для подобной формы вот ссылка impuls-web.ru/gotovye-stili-dlya-contact-form-7/
Надеюсь, что у Вас всё получится!
Спасибо большое за оперативность ответа, и за качество контента!
Пойду всё видео на канале перелайкаю;)
И Вам спасибо за Ваш интерес к данной теме, комментарии и особенно за лайки :)
Этот плагин удалили из-за проблем с безопасностью в феврале 2021.есть ещё идеи?
Ищите ultimate addons for contact form 7
Спасибо за урок, Юлия. таки понятно и доходчиво объясняете, подписка! Помогите с моей бомжеформой. Когда отправляешь сообщение через форму, выскакивает текст об успешной отправке, как убрать в нем рамку? Отключал в Contact form Style бордер но вокруг текста все равно остается рамка, путем извращений получилось её превратить только в квадратик, результат на картинке - pp.vk.me/c637129/v637129192/2b819/2Th44Y3EcKE.jpg.
Или как в самом CSS можно найти класс отвечающий за оформление этого уведомления?
Здравствуйте, Давид!
У меня на канале есть видео по определению класса элемента. Вот ссылка th-cam.com/video/laVIlOU5Y4k/w-d-xo.html
Также не забывайте про правило !important оно Вам понадобиться чтобы перекрыть родные стили формы. Все правки для изменения стилей вносите в файл стилей темы чтобы при обновлении плагина все изменения не слетели. Там Вам нужно будет для границы задать border: 0px!important;
Сейчас это руководство, к сожалению, не совсем актуально. Там несколько изменились настройки.
К сожалению плагины Wordpres могут обновляться по несколько раз в месяц и изменять свой интерфейс, поэтому любая инструкция будет актуальна только в течении определённого времени.
contact form 7 полное гавно и непонятно почему он настолько популярен. сделайте через конструктор qform24.com будет лучше, отвечаю
это всё для девчонок
Правая кнопка мыши> перевести на русский
после установки Contact Form 7 style начали появлятся спамные кментарии и пользователи, замечал на нескольких своих сайтах, похоже автор плагина занимается не очень хорошими делами, на 100 процентов не уверен но есть большая доля правды. Если после установки у вас тоже появиться спам, то это правда.
Здравствуйте! Не замечала такой проблемы. Попробуйте отказаться от него и стилизовать форму самостоятельно. У меня на блоге есть статьи с готовыми заготовками стилей, возможно Вам что-то подойдёт.
impuls-web.ru/gotovye-stili-dlya-contact-form-7/
impuls-web.ru/izmenyaem-stili-dlya-contact-form-7-tri-gotovyx-resheniya/
Киска)))