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. 他社からロリポップへの移管手続き
  2. 忙しいけど、がんばるしかない。
  3. トップページが2個目WordPress
  4. AddQuicktag 403エラーで使えないのかな?
  5. WordPress メニュー 追加できない 管理者権限
  6. 楽天でGIFアニメーション 2MBまでのサイズで2個までしか反映…
  7. WordPress 大型UPデートについて
  8. WordPress ダッシュボード 真っ白!
PAGE TOP