【WordPress】お問い合わせフォームの送信ボタンの色が変えられない原因

当ページのリンクには広告が含まれています。

お問い合わせフォームを導入すべく、有料テーマであるJINと相性がいいという、プラグイン「Contact Form 7」をインストールして早速作成してみました。
JINマニュアルも見ながらお問い合わせフォームを作るところまではスムーズに進みました。

試しに自分宛てにフォームを入力して送信したりしてテストしてみましたがこちらも問題なし。
ひとまずお問い合わせフォームとして機能はしているので特に支障があるわけではありませんでしたが、気になることが一つ・・・

[送信」ボタンの色がグレーアウトしているようでどうにも見づらい。

↑見えづらい・・・

そこで[送信」ボタンの色をなんとか変えられないかとネットで検索してみました。
ありがたいことにそのCSSコードを教えてくださっているサイトさんもいくつかあり、それを参考に【外観】→【カスタマイズ】→【追加CSS】と進んでコードを入力してみました。
プレビューで確認してみると・・・
あれ?[送信」ボタンの色が変わっていない・・・
色コードを変えていないからか・・・と思い、再度別の色コードを試してみましたがやはり反映されず・・・
その後も【カスタマイズ】の【カラー設定】から各項目の色設定を変えてみましたがこれもダメ・・・
さらには全てのプラグインを一度無効にしたりブラウザやサーバーのキャッシュを削除してみたり・・・と試行錯誤を繰り返し見ましたが一向に[送信」ボタンの色が変わる気配はなく・・・JINフォーラムにも相談してたりもしましたが解決できませんでした。

それでも諦めきれずに再度追加CSSをいろいろ確認してみたら・・・
ものすごい単純なミスをしていました・・・

[送信」ボタンの色変更のコードの上に他のサイト様より参考にさせてもらった楽天アフィリエイトの外枠線を消すコードを入れていたんですが、
そのコードのラストに } の記述を抜かしていたのが原因でした・・・

border: none !important ;

上記のコードが優先されていたわけですからそりゃいつまで経っても[送信ボタン]の色が変わることはないですね・・・

たった一文字、 } のコードを加えて問題はあっさり解決!
無事[送信」ボタンの色を変えることができました!

こんなことも分からないのかと言われるかもしれないですが、こんなことも分からないのが初心者です!


よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

教育・学習支援業勤務。
「誰かの役に立てる記事作成」を目指してブログ運営に奮闘中

コメント

コメントする

CAPTCHA


目次