Substituindo estilos forçados WordPress CSS

Eu estava pensando em colocar isso no site wordpress stackexchange, mas ele tem que fazer mais com CSS e WordPress.

No entanto, a menos que eu tenha que entrar em alguns arquivos css do plugin para personalizar o css, então eu tenho que ir lá e fazer essa pergunta?

Eu estou olhando para replace alguns estilos css importantes que estão vindo do tema que eu tenho (o Genesis Framework com um tema infantil Mínimo personalizado) ou o plugin de formas de gravidade.

Você verá aqui nesta página que eu tenho um formulário que redimensiona com a janela. Em 500 px eu quero que toda a largura dos campos de seleção e input seja 100%. Localizei o ponto específico em minhas consultas de mídia e coloquei o código lá. No entanto, porque a largura: 95%! Importante; foi definido algum lugar onde (não na minha folha de estilo) meu 100% está sendo substituído por 95%.

Estes são os estilos que eu gostaria de replace

.gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select { width: 95% !important; } .gform_wrapper .ginput_complex .ginput_right input[type=text], .gform_wrapper .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex .ginput_right input[type=email], .gform_wrapper .ginput_complex .ginput_right input[type=tel], .gform_wrapper .ginput_complex .ginput_right input[type=number], .gform_wrapper .ginput_complex .ginput_right input[type=password], .gform_wrapper .ginput_complex .ginput_right select { width: 95% !important; } 

Este é o meu estilo de substituição geral, eu gostaria de aplicar a TODOS os formulários

 @media only screen and (max-width: 500px) input, select, textfield { width: 100%!important; } 

Como isso é wordpress eu não tenho o HTML, mas eu tirei uma captura de canvas dos estilos css (você também pode clicar com o botão direito do mouse sobre um dos inputs e ver isso também).

insira a descrição da imagem aqui

Minha pergunta é como substituo esses estilos de nível superior com minha largura de conjunto de consulta de mídia?

Eu joguei com os estilos, mas obviamente eu perdi algo? Abominável?

Solutions Collecting From Web of "Substituindo estilos forçados WordPress CSS"

Alguns desses plugins e frameworks permitem que você desabilite os estilos padrão que, em seguida, permite que você copie o deles e altere-o para o seu tema. Mas digamos que isso não será possível. Então, você precisa ter um precedente CSS mais alto do que o CSS. A maneira mais fácil de copiar seu seletor e, em seguida, verifique se o CSS está incluído após o deles .

 @media only screen and (max-width: 500px) .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex select, .gform_wrapper .ginput_complex .ginput_right input[type=text], .gform_wrapper .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex .ginput_right input[type=email], .gform_wrapper .ginput_complex .ginput_right input[type=tel], .gform_wrapper .ginput_complex .ginput_right input[type=number], .gform_wrapper .ginput_complex .ginput_right input[type=password], .gform_wrapper .ginput_complex .ginput_right select { width: 100%!important; } } 

Não tenho certeza de que conheça CSS o suficiente para entender o que aconteceu. Você tentou resize a input, selecionar, textfield em divs, cuja largura foi definida para outro valor. Suponho que, se você colocar o código corretamente, então, insira, selecione e o campo de texto foi de fato 100% … mas a largura de 100% da div wchich os consistem. E esta div pode ser 640px de comprimento ou 80% de comprimento de outra div … e assim por diante, e assim por diante … O ponto é que você deve resize os divs que você listou (eu verifiquei e funciona). Todas as inputs e outras coisas crescerão com ele. Se não, então redimensione a input, selecione e campo de texto nesses divs por:

  input select textfield .divname .secdivname{ values} 

Cumprimentos. Desculpe pelo meu Inglês