• Напротив имя, телефон поля белых цветов, нефига не видно, и плюс когда заполняешь — шрифт белого цвета, как исправить?

    3

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • например с помощью css

    А как? Может заодно и простенький плагин popup посоветуете

    http://htmlbook.ru/samcss
    вчера отдал знакомому хрустальный шар, а мои личные навыки в телепатии крайне слабы

    anonymized-14765447

    (@anonymized-14765447)

    Доброй ночи.

    Этот вопрос касается CSS стилей формы, без ссылки вам что-то подсказать будет сложно.

    Добрый вечер. Спасибо за ответы, @exmi ссылка — http://oldboy-chelyabinsk.ru.s3.hhos.ru/sale/

    Пытался прописать, но не помогло:
    .wpcf7-form textarea {
    border-color: rgb(19, 14, 14);
    }

    • Ответ изменён 6 лет, 11 месяцев назад пользователем ugeneohn. Причина: вставил ник
    anonymized-14765447

    (@anonymized-14765447)

    ugeneohn, я так понимаю, вы для формы уже стили где-то в админке задали, да? Судя по наличию !important в стилях на главной.

    Надеюсь, что это не нулёная тема, но в любом случае, у контактной формы предполагается какой-то тёмный фон (фото/паттерн) по задумке разработчиков. Тогда там все инпуты хорошо видны.

    Если вы хотите оставить светлый фон, то где-то в доп. стилях в настройках темы вам надо чуть подправить значения на:

    .wpcf7-form input:not([type=submit]):not([type=file]), .wpcf7-form select, .wpcf7-form textarea {
        background-color: rgba(255,255,255,0);
        padding: 8px 0px!important;
        border-color: rgb(0, 0, 0) !important;
        color: rgb(0, 0, 0) !important;
        font-size: 80%!important;
    }

    @exmi огромное спасибо, действительно помогло. Только вот там есть еще всплывашка (через 5 сек появляется), основной акцент на нее, на ней почему-то не появились строчки ):

    anonymized-14765447

    (@anonymized-14765447)

    Для инпутов во всплывающем окне не задан стиль рамки.

    Да и в целом, я бы советовал вам стили формы прописывать для каждого случая отдельно, сейчас же используется 1 стиль на 3 разных страницах с разной стилистикой. К примеру, на странице «Контакты» под формой тёмный фон, и чёрная рамка у инпутов уже выглядит не так контрастно.

    Выйти из положения можно, задав стиль формы для страницы «Контакты» отдельно:

    .page-id-102 .wpcf7-form input:not([type=submit]):not([type=file]), .page-id-102 .wpcf7-form select, .page-id-102 .wpcf7-form textarea {
        background-color: rgba(255,255,255,0);
        padding: 8px 0px!important;
        border-color: rgb(255,255,255) !important;
        color: rgb(255,255,255) !important;
        font-size: 80%!important;
    }

    Для формы в поп-ап окне:

    .spu-box .wpcf7-form input:not([type=submit]):not([type=file]), .spu-box .wpcf7-form select, .spu-box .wpcf7-form textarea {border-bottom: 2px black solid;}

    @exmi спасибо огромнейшее за крутые ответы! Все отлично помогло! Просто супер! Спасибо

    anonymized-14765447

    (@anonymized-14765447)

    ugeneohn, был рад помочь 🙂

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «Contact Form 7 не видно границ» закрыта для новых ответов.