Contact Form 7 電話番号 FAX番号 枠が小さくなって

Contact Form 7 綺麗ですね コンタクトフォームに電話番号追加してみた。できた! 完成
色々ラジオボタンもつけたいけど聞く項目を1つ増やすごとに書き込む人の%がさがるらしい傾向のWEB記事を見つけたので、今回は既定(デフォルト)に電話番号だけ足してこれでOK・・・・。
なにか違う。。。わからないけどなにか違う。 あっ! 電話番号(数字入力にすると)その列の書き込みの枠が、大きさが小さい、レスポンシブがくずれているショック
ぎょええ。ってことで調べました。
必須項目に電話番号はしているので3番目に配置しないといけないしバランスわるい!
気にしなくてもいいよって。いわれれば問題ないですが・・・・あったCSSに書き込む方法が・・・
それでもOKだし CSS触りたくないって方には直接書き込むので
コンタクトフォーム7の[text*your-nameの後の部分にsize15]と書いてます。

すると

ってこんな感じになります。
色々カスタマイズできるので楽しいですね。
CSSを変更するには必ずBackupをとることが必須です。

Luxeritas Child Theme: スタイルシート (style.css)

 

 


無料のTeraPad  使ってます。コントロール+Aでスタイルシートの中を
全部コピーしてTerapadに写して子のテーマ名を入れて保存しておけば
失敗してもそこからコピーペで帰還できます。

やらかしたってことを未然に防ぐのもクリエーターの仕事ですし、色々
挑戦してつまづく案件もスキルにしたいものです。

関連記事

  1. WordPress × 画像で表示されてる
  2. トップページが2個目WordPress
  3. 忙しいけど、がんばるしかない。
  4. 楽天でGIFアニメーション 2MBまでのサイズで2個までしか反映…
  5. 他社からロリポップへの移管手続き
  6. WordPress アドレス (URL)とサイトアドレス(URL…
  7. WordPress 大型UPデートについて
  8. AddQuicktag 403エラーで使えないのかな?
PAGE TOP