contact form7 のチェックリストの表示不正

  • 解決済 stsutsui

    (@stsutsui)


    6年、 7ヶ月前

    お世話になります。
    contact form7でチェックリストを作成し固定ページで表示しているのですが、
    チェックボックスの表示位置がセンタリングされたようになり、ラベルは右寄せされたようになってしまいます。

    [checkbox* your-theme “ビジネス” “健康” “環境” “地産地消” “教育” “エシカル” “フードロス”]

    と指定すると

    　　　　　　　　　　　　　　　　　　　　　　　□　　　　　　　　　　　　　　　　　　　　　　ビジネス
    　　　　　　　　　　　　　　　　　　　　　　　□　　　　　　　　　　　　　　　　　　　　　　健康

    のように表示されてしまいます。
    左詰めで表示させたいですが、おわかりになるかたいらっしゃいますでしょうか？

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • ishitaka

    (@ishitaka)

    6年、 7ヶ月前

    こんにちは

    テーマのスタイルが影響しているのかもしれません。テーマは何をお使いでしょうか？

    ishitaka

    (@ishitaka)

    6年、 7ヶ月前

    下記スタイル（CSS）で解消するかもしれません。お試しください。

    .wpcf7 .wpcf7-list-item input[type=checkbox] {
	width: auto !important;
	display: inline-block !important;
}
    トピック投稿者 stsutsui

    (@stsutsui)

    6年、 7ヶ月前

    早速のお返事ありがとうございます！
    tcdのRUMBLEを使っており、WPMLも併用しております。
    よろしくお願い致します。

    トピック投稿者 stsutsui

    (@stsutsui)

    6年、 7ヶ月前

    ishitakaさま
    お世話になります。

    ありがとうございます！
    おかげさまで解決致しました。
    ご対応に感謝致します。

    ishitaka

    (@ishitaka)

    6年、 7ヶ月前

    解決したらトピックのステータスを「解決済み」に変更しておいてください。

5件の返信を表示中 - 1 - 5件目 (全5件中)

トピック「contact form7 のチェックリストの表示不正」には新たに返信することはできません。