お問い合わせ内容のテキストエリアの幅を調整したい

Question

久しぶりに質問させていただきます。

【質問内容】

下記サイトを編集しておりますが、お問い合わせページのお問い合わせ内容のテキストボックスの幅が広いので、狭くしたいのですが、CSSの指定方法が悪いのか修正できません。（widthを100%から50%に変更したいです）
初歩的な質問かと思いますが、ご教示お願いいたします。

編集中サイトはこちら

お問い合わせフォームはwordpressのWPformと言うプラグインを使って作成しました。

【自分で試したこと】

該当ページのDVツールからコードを調べて、wordpressのテーマエディタのスタイルシートに下記のコードを入れましたが、変更されませんでした。間違っている場所を教えていただけますと大変助かります。
よろしくお願いいたします。

.wpforms-field.wpforms-field-textarea.wpforms-field-medium {
	width: 50%!important;
}

Answer 1

CSSセレクターが間違っているようです。

.wpforms-field.wpforms-field-textarea > wpforms-field-medium {
    width: 50%!important;
}

idがふってあるのでそちらを利用したほうが確実かも。(idなら一つしかないことが保障されているので他への影響を心配する必要がないし)

#wpforms-8-field_10-container {
    width: 50%!important;
}

Comments

[fuku-chann]

ありがとうございました。
修正できました。
大変助かりました。