нашла информацию, как перенести сообщение об успешной отправке в начало формы: с помощью [response]/
теперь вопрос такой: как изменить цвет текста? сейчас он просто серый — сообщение не заметно.
P.S. я не разбираюсь в кодах и стилях. поэтому, ели не сложно, дайте, пожалуйста, наиболее подробную инструкцию. заранее спасибо!)
Здравствуйте.
Адрес сайта можете дать?
Можете выделить сообщение об ошибке рамкой, для этого нужно добавить правила в style.css
желтая рамка:
div.wpcf7-validation-errors {
border: 2px solid #f7e700 !important;
}
красная рамка:
div.wpcf7-validation-errors {
border: 2px solid #f00 !important;
}
или изменить цвет текста на красный:
div.wpcf7-validation-errors {
color: #f00;
}
Аналогично можно изменить цвет рамки сообщения об успешной отправке на зеленый:
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14 !important;
}
или текста на зеленый:
div.wpcf7-mail-sent-ok {
color: #398f14;
}
Подобрать код цвета можно, например, в яндексе.
Спасибо! то, что нужно! но возникла проблема: открываю style.css в редакторе темы и вижу сообщение, что этот файл редактировать нельзя. вот полный текст:
/*
* PLEASE DO NOT EDIT THIS FILE!
*
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme.
* Instead use the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->Styling
*/
Подскажите, пожалуйста, как быть? не реагировать на сообщение и вставить правила в файл? или найти другую папку?
В редакторе нашла ещё 2 файла, относящихся к css:
1) woocommerce-mod-css-dynamic.php (config-woocommerce/woocommerce-mod-css-dynamic.php)
2) dynamic-css.php (css/dynamic-css.php)
Может в один из них добавить правила для изменения сообщения заявки?
открываю style.css в редакторе темы и вижу сообщение, что этот файл редактировать нельзя. вот полный текст:
В сообщении Вам предлагают два варианта:
1). Либо добавить css-правила в файл /css/custom.css темы, возможно, его там нет и нужно будет добавить.
2). либо добавил css-правило через настройки темы, пункт Theme Options->Styling.
По идеи, второй вариант должен быть проще.
2) не смогла разобраться, куда в настройках темы вставить css-правило:
http://prntscr.com/b53p9c
1) ища инструкцию о том, как добавить файл /css/custom.css, нашла информацию о «дочерних темах» и Плагине «Simple Custom CSS». подскажите, пожалуйста, какой из этих двух вариантов подойдёт для решения моей задачи?
Получилось сделать через плагин Simple Custom CSS
denisco, спасибо большое за помощь!
2) не смогла разобраться, куда в настройках темы вставить css-правило:
Судя по описанию Вашей темы, её настройка производится в отдельном разделе.
1) ища инструкцию о том, как добавить файл /css/custom.css, нашла информацию о «дочерних темах» и Плагине «Simple Custom CSS».
— Дочерняя тема должна подойти.
— с плагином Simple Custom CSS не работал, но судя по описанию, тоже вполне подойдет.
Denisco, у меня такой же вопрос возник. Только почему то не срабатывает. В файлзилле полуается менять, копирую тот код, вставляю в style.css обновляю старинцу и все по прежжнему.
Мой код немного отличается от вашего тот что вы выше написали, он такой у меня (мне нужно только бакграунд изменить, так как фон самой формы темный, как то не очень видно надпись)
.cf7-style div.wpcf7-validation-errors {
background: wheat;
}
То же самой нужно поменять фон при удачном заполнение формы код вставляю такой
div.wpcf7-response-output.wpcf7-mail-sent-ok {
background: white;
}
подогнала под ваш убрав .cf7-style
сайт http://www.perthbuslines.com.au
(а я вас знаю 🙂 вы мне недавно совсем помогли с сайдбарами на другом форуме 🙂 )
Мой код немного отличается от вашего тот что вы выше написали, он такой у меня
Поэтому в правилах и есть пункт 2 ;). Пожалуйста, создайте для своего вопроса новую тема.