css отзывчивый не работает и переписывает мой встроенный стиль

У меня есть сайт WordPress, и я использую загрузчик CSS для всплывающих окон. Пожалуйста, проверьте страницу здесь: http://aboutpubliseek.staging.wpengine.com/test-page/

Когда я уменьшаю ширину браузера менее чем на 770 пикселей, текстовое поле для электронной почты уменьшается в высоту. Я не нашел способа решить это. Я использовал встроенный CSS для элемента ввода, я использовал медиа-запрос с тегом! Important, я также пытался удалить все другие CSS, кроме bootstratp.css. Но результат тот же. Поэтому я думаю, что проблема с bootstrap.css. Что-то перезаписывает мой CSS, когда я уменьшаю ширину менее 770 пикселей.

Пожалуйста, проверьте следующий код, который я использовал для теста:

@media screen and (min-width:481px) and (max-width:770px){
    #gform_fields_2 {
        input[type='email'] {
            background-color:#EEE;
            padding:5px 10px !important;
            min-height: 30px !important;
        }
    }
}

Здесь цвет фона работает, но отступы. Можете ли вы помочь мне разобраться в этом.

Благодарю.

1 ответ

Добавь это

min-height: 42px !important; 

к этому

#gform_fields_2 input[type='email'] {

}

так становится

#gform_fields_2 input[type='email'] {
/*..css defs that are already there */
min-height: 42px !important;
}

это в вашем файле commander_less.css

Другие вопросы по тегам