Skip to content

イケルQAサイト|WordPress・MicrosoftOffice・Web制作

WindowsやOfficeやWordpressの豆知識です。

  • Home
Expand Search Form

Contact form 7 のチェックボックスを縦に並べたい

ikel 2015年11月27日

WordPress にメールフォームを設置する際に便利なプラグイン「Contact Form 7」。
最近、バージョンアップされて、メニューが見やすくなり、益々オススメのプラグインとなりました。

Contact Form 7 で、チェックボックスを設置すると、下の図のようになり、非常に気持ちが悪いです。

brfore

チェックボックスを改行して、項目ごとに一行づつ並べたいですよね。

手順

  1. WordPress 管理画面ログイン後、サイドメニューの[外観]-[テーマ編集]をクリックします。
  2. style.css に以下の内容を追加します。
    span.wpcf7-list-item {
    display: block;
    }
  3. 追加したら[ファイルを更新]ボタンをクリックします。

すると、以下の図のようにスッキリとします。

after

ぜひ、お試しください♪

カテゴリー Wordpress タグ css, wordpress, Contact form 7, プラグイン
Previous: Webサイトで、このプログラムを使ってWebコンテンツを開こうとしています
Next: EXCEL 行の移動

最近の投稿

  • ECCUBE3 商品が無いのに、カテゴリーが削除できない場合の解決方法
  • iphoneでテザリングができない
  • EXCELのシートを並べて表示したい!
  • EXCELで時間を数値に変換したい
  • ブラウザ(IE,Chrome)で画面の一部が崩れる場合の解決法
  • GoogleMapで座標を調べたい
  • Androidがフリーズして電源が切れなくなった時の対処法
  • [WordPress]ダッシュボードでお問い合わせメールを一括管理する方法とは?
  • 【WordPress】Ver4.9にアップデートしたらPHP編集画面のデザインが変わってしまった!元に戻す方法は?
  • 【CSS】未使用のCSSを見直してスタイルシートを軽量化しよう!【Unused CSS finder】

カテゴリー

  • Wordpress (14)
  • Facebook (2)
  • YouTube (3)
  • スマホ (7)
  • CSS (3)
  • ECCUBE (1)
  • Windows (17)
  • インターネット (18)
  • Office製品 (27)
    • Word (7)
    • Excel (19)
    • PowerPoint (1)
  • その他 (15)
  • 動画 (4)
  • 画像加工 (2)
  • お知らせ (1)

運営会社

株式会社イケル

タグ

Becky chrome Contact form 7 css excel excel2013 Google GoogleMap html JW-CAD Lhaplus pdf placeholder PowerPoint smallpdf Windows7 word wordpress Youtube ZIP [_post_title] お知らせ アップロード アドオン アドレス帳 エクセル パスワード プラグイン プレースホルダーテキスト メール 下線 動画 圧縮 地図 変換 拡張機能 書式設定 検索エンジン 特別なメールタグ 画像 画像の圧縮 画像加工 結合 見出し 関連動画

メタ情報

  • ログイン
  • 投稿フィード
  • コメントフィード
  • WordPress.org

イケルQAサイト|WordPress・MicrosoftOffice・Web制作 © 2025