ワードプレス_5.11
テーマ_cocoon
コンタクトフォーム7_5.1.3を使用しています。
問い合わせを設置したのですが、
チェックボックスをクリックしてもチェックマークが表示されない現象が起きています。
クリックは可能で必須項目にして送信もできるので
機能的には動作していますが、
見た目が変わらないのでチェックしたかがわからない問題があります。
試したこと
コンタクトフォームを一旦削除して再度有効化した
→変わらず表示れない
他ID「X」でコンタクトフォームを利用したが
そちらでは問題なく表示された。
「X」でテーマとプラグインを同じ状態にして確認したが
そちらでは問題なく表示された。
コンタクトフォームのCSSに!マークがあったので
「X]にコピーしてみたが再現できなかった(問題なくチェックが表示された)
また、プラグイン[Democracy Poll]を使った
アンケート画面でも同様にチェックボックスが表示されないです。
チェックマークが表示されない原因
確認するとよいポイントなどを教えていただきたいです。
お手数ですがよろしくお願いいたします。
チェックマークが付かない写真
コンタクトフォームのCSSに!がある写真
Democracy Pollでもチェックマークが表示されない
@charset "UTF-8"; /*! Theme Name: Cocoon Child Template: cocoon-master Version: 0.0.5 */ /************************************ ** 子テーマ用のスタイルを書く ************************************/ /*必要ならばここにコードを書く*/ /*フロント固定ページのタイトルを非表示*/ .home.page .entry-title{ display: none; } /************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/ /*1240px以下*/ @media screen and (max-width: 1240px){ /*必要ならばここにコードを書く*/ } /*1030px以下*/ @media screen and (max-width: 1030px){ /*必要ならばここにコードを書く*/ } /*768px以下*/ @media screen and (max-width: 768px){ /*必要ならばここにコードを書く*/ } /*480px以下*/ @media screen and (max-width: 480px){ /*必要ならばここにコードを書く*/ } /*Contact Form 7カスタマイズ*/ /*スマホContact Form 7カスタマイズ*/ @media(max-width:500px){ .inquiry th,.inquiry td { display:block!important; width:100%!important; border-top:none!important; -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; box-sizing:border-box!important; } .inquiry tr:first-child th{ border-top:1px solid #d7d7d7!important; } /* 必須・任意のサイズ調整 */ .inquiry .haveto,.inquiry .any { font-size:10px; }} /*見出し欄*/ .inquiry th{ text-align:left; font-size:14px; color:#444; padding-right:1px; width:30%; background:#f7f7f7; border:solid 1px #d7d7d7; } /*通常欄*/ .inquiry td{ font-size:13px; border:solid 1px #d7d7d7; } /*横の行とテーブル全体*/ .entry-content .inquiry tr,.entry-content table{ border:solid 1px #d7d7d7; } /*必須の調整*/ .haveto{ font-size:7px; padding:5px; background:#ff9393; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px; } /*任意の調整*/ .any{ font-size:7px; padding:5px; background:#93c9ff; color:#fff; border-radius:2px; margin-right:5px; position:relative; bottom:1px; } /*ラジオボタンを縦並び指定*/ .verticallist .wpcf7-list-item{ display:block; } /*送信ボタンのデザイン変更*/ #formbtn{ display: block; padding:15px; width:350px; background:#ffaa56; color:#fff; font-size:18px; font-weight:bold; border-radius:2px; margin:25px auto 0; } /*送信ボタンマウスホバー時*/ #formbtn:hover{ background:#fff; color:#ffaa56; border:2px solid #ffaa56; }
回答2件
あなたの回答
tips
プレビュー