Contact 7 étirements de forme en dehors de la largeur désirée

Question

Je continue à avoir des problèmes de largeur sur mon style Contact 7 Form, ça me rend fou.

http://www.sportshosts.com/

1. formulaire Haut - le bouton ne sera pas aligner verticalement avec des champs

2. formulaire Haut - lorsque vous faites la plus petite fenêtre, il pile et le bouton immediat GOES pleine largeur tandis que les champs restent une taille

3. forme de fond - champs de bouton et le texte sont différentes largeurs

http://www.sportshosts.com/news/buy-cheap-sports-tickets-online/

1. forme Top - champs étirent zone située en dehors

Je trouve ce code à ajouter dans mon CSS personnalisé mais je ne suis pas sûr qu'il est vraiment rien fait

.wpcf7 
{ 
    display: -moz-inline-stack; 
    display: inline; 
    zoom: 1; 
    *display: inline; 
} 

Merci d'avance!

Answer 1

.wpcf7-form .wpcf7-form-control-wrap { 
display: block; 
} 

Answer 2

Essayez ceci:

.wpcf7-form .wpcf7-quiz, .wpcf7-form input[type="number"], 
.wpcf7-form input[type="date"], .wpcf7-form input.wpcf7-text { 
    width:100% 
}