連絡先フォームのテキストフィールドの幅を調整する7

Question

WordPressの新機能です。私はプラグインの連絡先フォーム7を使用し、フィールドの幅を調整する必要があります。今のところ100％の幅です。一部のGoogle Iを行うことにより

は、私は、このためのカスタムCSSを編集する必要があることを知って来て、私はこれらの線が、まだ何も

input[type="text"] 
{ 
background-color: #fff; 
color: #000; 
width: 50%; 
} 

と私は、テキストフィールドを検査しavadaテーマ

Answer 1

を使用していますを追加しましたスコープごとに入力に割り当てられたクラスに同じスタイルを適用します。連絡先フォームの入力には、通常、クラス名「入力」があると思います。このような何かはあなたがパーセントで、「幅」の要素を変更する必要が

.et_pb_contact p input 
{ 
background-color: #fff; 
color: #000; 
width: 50%; 
} 

Answer 2

input[type=text], #respond textarea, .post-password-form input[type=password], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea { 
    width: 59%; 
    margin-bottom: 24px; 
    padding: 17px 30px; 
    border: 1px solid #ccc; 
    outline: 0; 
    font-size: 15px; 
    color: #797979; 
    font-family: "Crimson Text",serif; 
    -webkit-appearance: none; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

に役立つかもしれません。