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

  • Решено pilulka

    (@pilulka)


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

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Автор pilulka

    (@pilulka)

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

    Модератор Denis Yanchevskiy

    (@denisco)

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

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

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

    Автор pilulka

    (@pilulka)

    Модератор 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;
    }

    Подобрать код цвета можно, например, в яндексе.

    Автор pilulka

    (@pilulka)

    Спасибо! то, что нужно! но возникла проблема: открываю 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.

    По идеи, второй вариант должен быть проще.

    Автор pilulka

    (@pilulka)

    2) не смогла разобраться, куда в настройках темы вставить css-правило:

    http://prntscr.com/b53p9c

    1) ища инструкцию о том, как добавить файл /css/custom.css, нашла информацию о «дочерних темах» и Плагине «Simple Custom CSS». подскажите, пожалуйста, какой из этих двух вариантов подойдёт для решения моей задачи?

    Автор pilulka

    (@pilulka)

    Получилось сделать через плагин 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: Изменить вывод сообщения об успешной отправк» закрыта для новых ответов.