Contact Form 7の送信ボタン
当サイトに設置してあるフォームはContact Form 7なんだけど、いつのまにか「送信」の文字がなくなっている。こんなただの四角じゃ、ボタンって分からない。
これじゃ分からない
よく見ると、白で 送信 と表示されている。なにかのCSSが上書きしてしまっているのか？ちなみにテーマはAFFINGERです。
送信 を表示させようと調べると、Contact Form 7 のカスタマイズについていろいろ出てくるのだが、そんな本格的にいじって大層なことしたくない。シンプルでいいんです。
で、簡単にシンプルな対応方法が分かったので、記しておく。
設定
外観 > カスタマイズ > 追加 CSS を選択。
追加 CSS に以下を貼りつける。
CSS
.wpcf7-form input[type="submit"] {
color: #000000;
}
完成
これでボタンの 送信 が見えるようになりました。
設定ヵ所があった
2025/04/30追記
CSSを貼らなくても、送信ボタンの文字の色を変える機能がありました。
外観 > カスタマイズ > オプション（その他） > コンタクトフォーム7送信ボタン
Contact Form 7 の文字色 と 背景色が指定できます。
色を調整して、公開 で反映されます。
AFFINGERの機能に追加されたんでしょうか？