イラスト×WEBマーケティング

Contact Form 7のサイズ変更はCSSで

2016/03/24

WEBは専門外ですが・・・
問い合わせに必須なWPプラグイン『Contact Form 7』のサイズ変更に
四苦八苦したので書いときます。

WEBやさんだと簡単に思いつくのかもしれないけれど
専門外から乏しい知識でなんとかやってる私には見つけるまで大変でした(´Д`|||)

編集から設定できたのは昔。今はCSSで。

以前はここから編集できたそう。
ググッて出てくるのは↑の『コンタクトフォームの編集』で
[textarea your-message 40×20]
とか表記する記事ばかりでした。実践しても反映されません~(x_x;)

今はCSSで設定するしかない
なので、「外観」→「テーマの編集」からCSSに以下を記述してサイズ設定します。

名前・メールアドレス・題名の設定
.wpcf7-form input{width: 570px !important;}

本文の設定
.wpcf7-form textarea{width: 570px !important;}

サイズは任意で。

デフォルトサイズだとサイドバー付けてる
ウチのようなデザインだとフォームがぶち抜きで使いにくいんですよね。

重要な機関なのに長い間ぶち抜きっぱなしでした(;・∀・)アハ

私のWEB知識は趣味のおかげ。

十数年前ならCSS無しのタグ打ちで個人のオタクサイトイラストサイト作った経験があります。
今ではWEBで出来ることが盛り沢山で、私の古い知識では信じられない世界ですw

そんな乏しい知識でみちみちとWEB運営しています。

昔ブログにMovable TypeやったことあるからWordpressもできるワァ(*´∀`*)
って気軽にやりだして建てたり壊したり繰り返しています\(^o^)/

今回の設定もですが仕様変更の流れ早くて
ひとつ調べるのも大変です・・・

本業の方から便利な知識学ぶ度、泣けるほど感動しています。

The following two tabs change content below.
さらえみ
アニメも作るイラストレーター。20代はアニメーターとして月100枚程度作画し、後にキャラクター映像制作会社のデザイナーとしてキャラクターデザインからCGアニメーション制作まで携わっていました。『2次元と3次元を元気にする』をモットーに活動中。キャラクターに感情を与え社会で活躍してもらうために知恵と能力を提供します。大阪府阪南市に在住。既婚者。アニメ・声優好き。
3年後のあなたを変える!爆発スタートクリエイター200人祭り!

ご依頼はこちらから
一般企業様、出版・企画会社様、広告代理店様 等からの
お仕事のご依頼お待ちしております。

-イラスト×WEBマーケティング
-