[WordPress] WP お問い合わせフォーム 7″textarea”見える他のフィールドとは異なる

スポンサーリンク

質問

ねえ私立ち往生してきたこの上しばらくの間、今それを修正するようであるできない確信その何かが私が見逃している単純な!

ミート テーマ WP で自分のサイトを編集して、”textarea”を除くすべてのフィールドが似て「指名」セクションではだれでも知っているこの問題を解決する方法?

http://www.tedxtlvu.com/ ・ サイト

ありがとう!

答え

いいえ CSS 領域に対して定義されているカスタム スタイル css でこれを追加

div.wpcf7 textarea {
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    background: rgba(200,200,200,0.3);
    border: none;
    border-radius: 25px;
    font-size: 14px;
    padding: 12px;
    padding-left: 24px;
    width: 100%;
    height: 100%;
}

textarea 全体の幅をカバーする場合、

<div class="col-sm-6">

<div class="col-sm-12">

に変更します

答え

の textarea を追加しようと、次のコード:

前のコードのところ – css のプロパティにテキストを追加する必要がだけ

input[type="text"], input[type="email"], input[type="tel"], .register .select-holder{
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  background: rgba(200,200,200,0.3);
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 32px;
  max-width: 90%;
  padding: 12px;
  padding-left: 24px;
}

コードを変更した後、

textarea, input[type="text"], input[type="email"], input[type="tel"], .register .select-holder{
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  background: rgba(200,200,200,0.3);
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 32px;
  max-width: 90%;
  padding: 12px;
  padding-left: 24px;
}

結果

enter image description here

http://stackoverflow.com/questions/32124295/wp-contact-form-7-textarea-looks-different-from-other-fields

スポンサーリンク

Leave a Reply