Поддержка Плагины Contact Form 7: Изменить вывод сообщения об успешной отправк

  • Здравствуйте!ситуация такая: после отправки заявки сообщение об успешной отправки данных выводится под формой. некоторые пользователи его не видят и повторно заполняют форму. необходимо, либо перенести сообщение вверх — разместить его над формой. либо окно с текстом: «Ваше сообщение отправлено» выводитьВМЕСТО полей формы. подскажите, пожалуйста, как это сделать

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • нашла информацию, как перенести сообщение об успешной отправке в начало формы: с помощью [response]/
    теперь вопрос такой: как изменить цвет текста? сейчас он просто серый — сообщение не заметно.
    P.S. я не разбираюсь в кодах и стилях. поэтому, ели не сложно, дайте, пожалуйста, наиболее подробную инструкцию. заранее спасибо!)

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Здравствуйте.

    Адрес сайта можете дать?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Можете выделить сообщение об ошибке рамкой, для этого нужно добавить правила в 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)

    Может в один из них добавить правила для изменения сообщения заявки?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    открываю 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, спасибо большое за помощь!

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    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
    (а я вас знаю 🙂 вы мне недавно совсем помогли с сайдбарами на другом форуме 🙂 )

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Мой код немного отличается от вашего тот что вы выше написали, он такой у меня

    Поэтому в правилах и есть пункт 2 ;). Пожалуйста, создайте для своего вопроса новую тема.

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Contact Form 7: Изменить вывод сообщения об успешной отправк» закрыта для новых ответов.