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