А как? Может заодно и простенький плагин 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, был рад помочь 🙂