【WordPress】お問い合わせフォームの送信ボタンの色の変え方

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

WordPressにて有料テーマJINを利用してブログを制作する中での覚え書きとして投稿しております。

今回はお問い合わせフォームの送信ボタンの色を変える設定を行いました。
(デフォルトの色だとボタンがグレーアウトしてるようでどうにも見づらかったので)

↑送信ボタンの色が見づらい・・・

お問い合わせフォームはプラグインの「Contact Form7」を利用して設置しました。
その後、下記のコードをWordPressの【外観】→【カスタマイズ】→【追加CSS】の中に入力しました。

.wpcf7-form input[type="submit"] {
	background-color: #15517f;
}
.wpcf7-form input[type="submit"]:hover {
	background-color: #330099;
}
↑これで送信ボタンの色が変えられました。
最初のコードで送信ボタンの色、下のコードで送信ボタンの上にマウスポインタを乗せた時の色(マウスオーバー)を変更しています。

いたって簡単なもののはず・・・ですが、ここに至るまでには時間を費やしました・・・
それについては別の記事にて投稿しています↓
【WordPress】お問い合わせフォームの送信ボタンの色が変えられない

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

この記事を書いた人

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

コメント

コメントする

CAPTCHA


目次