Contact Form 7　でフォームの背景を変更

  • quatrefoisneuf

    (@quatrefoisneuf)


    13年、 8ヶ月前

    全体の背景が白ベースのため、フォームをそのままの状態で設置すると、文字だけが浮き出ているなんとも不恰好な状態になります。

    デザインの制約上、背景色を変更することはかなわないので、フォームの背景色の変更ができないものかと思っています。

    どのようにすればいいのでしょうか？

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • KKT

    (@kvex)

    13年、 8ヶ月前

    すきなようにスタイルシートを書いて下さい。

    トピック投稿者 quatrefoisneuf

    (@quatrefoisneuf)

    13年、 8ヶ月前

    ご回答ありがとうございます。

    コードが、

    [contact-form 1 "予約"]

    で、

    <p>携帯番号(必須）
    [text* number 20/40]
    ※「-」を除いた、数字のみを入力してください。 </p>

    というフォームがあるのですが、

    どこに、どのような内容を書けばいいのでしょうか？

    KKT

    (@kvex)

    13年、 8ヶ月前

    いやいや。できあがったフォームを見れば、なにがしかのhtmlが生成されていますよね？
    例えば、私のサイトなどの例ですと

    <div class="wpcf7" id="wpcf7-f1-p268-o1">
<form
～～～～
</form>
</div>

    みたいな感じに。

    ですので、style.css にや、contact-form-7/style.css にでもかまいませんので、好きなようにスタイルを追加して下さい。

    テーマの作りにより、読み込まれている順番も影響するかもしれませんが、それはご自分のテーマとご相談で。

    cozy-koji

    (@cozy-koji)

    13年、 6ヶ月前

    あぁ　やっと分かりました。出来上がったページなのですね(苦笑)
    灯台下暗しでした。
    これで作業に入れます。
    誠にありがとうございました！

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「Contact Form 7　でフォームの背景を変更」には新たに返信することはできません。