Contact form 7. Изменить вывод сообщений.

  • Решено olfa

    (@olfa)


    9 лет, 4 месяца назад

    ДОбрый день всем!Сделала форму темно синего цвета и теперь вывод сообщений об ошибках или удачном отправлении не очень виден на темно синем. Я с CSS не очень дружу. Что я сделала. С помощью файлзилла нашла код который отвечает за выдачу, поменяла там цвет, мне понравилось, скопировала этот код, вставила в style.css обновила старинцу , но все осталось по прежнему, код остался неизменным. Предполагаю что код я не правильный вставила.. ПОмогите разобратся пожалуйста. Какой код тогда всатвить?
    Сайт http://www.perthbuslines.com.au. Код вставила такой:

    .cf7-style div.wpcf7-validation-errors {
    background: wheat;
    }

    и такой:

    .cf7-style div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: white;
    }

    Пробовала убрать .cf7—style из кода, но результат осталься тем же…
    ПОмогите пожалуйста!

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Модератор Denis Yanchevskiy

    (@denisco)

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

    9 лет, 4 месяца назад

    Добрый

    .cf7-style div.wpcf7-validation-errors {
    попробуйте заменить на
    body .cf7-style div.wpcf7-validation-errors {

    а
    .cf7-style div.wpcf7-response-output.wpcf7-mail-sent-ok {
    на
    body .cf7-style div.wpcf7-response-output.wpcf7-mail-sent-ok {

    Чтобы избежать данных проблем в будущем, стоит почитать про специфичность селекторов (можно найти в интернете много материалов), например, мне выдало это.

    • Ответ изменён 9 лет, 4 месяца назад пользователем Denis Yanchevskiy.
    Автор olfa

    (@olfa)

    9 лет, 4 месяца назад

    Все получилось! спасибо большое!!!
    ПРо специфичность по вашей ссылке почитала…ничего не понятно :O точнее про сами цифры все понятно а вот как гляда на код сказать что из них к какому селектору относится… в общем надо читать и образовываться это точно!

Просмотр 2 ответов — с 1 по 2 (всего 2)

Тема «Contact form 7. Изменить вывод сообщений.» закрыта для новых ответов.