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

Question

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

Когда я уменьшаю ширину браузера меньше, чем 770px, текстовое поле для электронной почты уменьшает высоту. Я не нашел способа решить эту проблему. Я использовал встроенный css для элемента ввода, я использовал медиа-запрос с! Важным тегом, я также попытался удалить все остальные 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; 
     } 
    } 
} 

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

Спасибо.

Answer 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