連絡先フォーム7プラグインのインストール後に連絡先フォームのスタイルが正しくありません

Question

元のContact Form CSSスタイルが失われました。 Contact Form 7 Pluginのインストール後。デフォルトのContact Form 7プラグインスタイルが表示されます。オリジナルのCSSスタイルのコンタクトフォームを元に戻す方法はありますか？

次のようにお問い合わせフォームのための私のオリジナルのCSSスタイルは、

<form method="post" action="bat/rd-mailform.php" class="mailform"> 
      <input type="hidden" name="form-type" value="contact"> 
      <fieldset class="row"> 
      <label data-add-placeholder="" class="grid_6"> 
       <input type="text" name="name" placeholder="Your Name" data-constraints="@LettersOnly @NotEmpty"> 
      </label> 
      <label data-add-placeholder="" class="grid_6"> 
       <input type="text" name="phone" placeholder="Your Phone" data-constraints="@Phone"> 
      </label> 
      <label data-add-placeholder="" class="grid_6"> 
       <input type="text" name="email" placeholder="Your Email" data-constraints="@Email @NotEmpty"> 
      </label> 
      <label data-add-placeholder="" class="grid_6"> 
       <input type="text" name="code" placeholder="Your City or Postal Code" data-constraints="@NotEmpty"> 
      </label> 
      <label data-add-placeholder="" class="grid_12"> 
       <textarea name="message" placeholder="Your Message" data-constraints="@NotEmpty"></textarea> 
      </label> 
      <div class="mfControls grid_12"> 
       <button type="submit" class="btn mfInfo">Send</button> 
      </div> 
      </fieldset> 
     </form> 

Answer 1

あなたのコンタクトフォームにあなたのコード/ HTMLの構造を適用する必要があり、すべての7

まず第一に、クラスとIDを追加あなたのフォームで。

あなたは、[コンタクトフォーム7]ショートコードに属性html_idとhtml_classを添加することにより、フォームに任意のIDとクラスを追加することができます。

例：[コンタクトフォーム7 html_id = "あなたの-ID" html_class = "あなたのクラスのmailform"]

そして、プラグインコードからすべての余分なタグを削除し、HTMLの構造のようなコードの構造を作りますすべてのフィールドを<fieldset class="row">にラップして、コードごとに入力して<label>に入力します。あなたはそれらを使用しているが、そうではありません - あなたがデザイン

は7

感謝:)