お問い合わせフォーム7 - センター入力フィールド

Question

私はここに私のホームページのお問い合わせフォーム7持っている：http://grownowsma.com/

を私が中心にする入力フィールドを取得しようとしています。私は前に使用したいくつかのトリックを試して、他のスタックオーバーフローの質問から答え、何らかの理由で運がない。

私はこのトリックを試してみました：http://www.screencast.com/t/ygBP3eQn9jQu

私はCSSでこれらを試してみました：

.contactform input[type="text"],form .contactform input[type="email"]{ 
    margin: 9px auto 0 !important; 
} 

そして、この：

.wpcf7-form-style { 
    max-width: 800px; 
    margin: 0 auto; 
    float: none; 
    display: block; 
} 

両運。私はしばらくの間、査察官をめちゃくちゃにしていて、それを変更できませんでした。セレクタや属性を試してみるための他の提案はありますか？

Answer 1

クラスcontactformの要素がないため、その下に入力を選択することはできません。投稿のショートコードの周りにそれを追加するか、別のセレクターを使用してください。 .home .wpcf7-form input[type="text"], .home .wpcf7-form input[type="email"]入力を中央に配置したくないホームページに2番目のCF7フォームを追加しないと仮定します。

それ以外はmargin: auto;がうまく動作するはずです。

Answer 2

style.cssにあなたの中に追加してください：

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { 
    margin-left: 250px !important; 
}