textarea指定のフォームの横幅、縦幅が変わらない

解決済 yumko
(@yumko)

10年、 5ヶ月前

こんにちは。はじめまして。
wordpressフォーラムを初めて利用します。
そしてwordpress初心者です。

仕事先のサイトを作成している中でお問い合わせのページにて行き詰っております。
過去例にもなく非常に困っております。
お問い合わせフォームにContact Form 7を使用しております。
送受信には一切問題ないのですが問題は見た目でありまして。

フォームのサイズがcssで変更しても、直接書き込んでも直りません。
メールアドレスのフォーム・電話番号のフォームに関しましては
ちゃんと変更できるのですが、input、textareaのフォームのみ
太く、長く表示されてしまいましてすごくブサイクです。
テンプレートのcssかなあと思い数値等を触ってみましたがビクともしませんでした。

テンプレートにbizvektor様のデザインを利用させて頂いています。
どうぞ宜しくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)

yah!!
(@yahss)

10年、 5ヶ月前

Contact Form 7のtextareaの記述の仕方は

[textarea your-message]

cols（幅） rows（高さ）を指定するには

[textarea your-message 50×10]

のように記述します。
この場合にはきだされるタグは

<textarea name="your-message" cols="50" rows="10" class="wpcf7-form-control wpcf7-textarea"></textarea>

となるはずです。

このように記述しても思い通りにならないということですね？

cssの設定等が優先されてしまっているでしょうか。

ChromeやFirefoxで「要素の検証」「要素の調査」（検証したいエリアで右クリック）などを使用して、適用されている設定を確認してみれば原因が分かるかもしれません。

ヒントになればよいのですが・・・

トピック投稿者 yumko
(@yumko)

10年、 5ヶ月前

こんにちは。

ご回答ありがとうございました。
どこの部分のcssかわからなかったのですが
「要素の検証」を使用したところ影響を受けていたcssがわかりまして
無事フォームのサイズが変わりました！

影響されなかったcontact form 7の記述方法も無事に
影響されましてとてもホッとしています！
ヒントどころか解決に至りました。
本当にありがとうございます。三日三晩考えた事が嘘のようです。

お世話になりました。ありがとうございました。

yah!!
(@yahss)

10年、 5ヶ月前

よかったよかった！

3件の返信を表示中 - 1 - 3件目 (全3件中)

トピック「textarea指定のフォームの横幅、縦幅が変わらない」には新たに返信することはできません。

トピックタグ

表示