解決済み
Question

Contact Form 7  送信ボタンの色が反映されない

  • A Aki Moriyama
  • はじめまして
すいませんがご教示ください。

    Contact form 7 を使っています。
    以前のフォーラムの履歴から以下のCSSを入力しました。

    hoverの状態時は、送信ボタンの背景が白になっているのですが
通常状態の時には、白ではなく薄いグレーのままです。

通常状態の送信ボタンの背景色も白にしたいのですが
    変更できる方法があれば教えてください。
よろしくお願いします。
    word press は6.3.1 (下の方で入力できなかったため)
    PHPは8.2 モジュール
    jin r は1.2.3
    サーバはロリポップ
    ブラウザはgoogle Chrome
    mac OS 14.0 sonoma

    wpcf7-form input[type=submit] {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: none;
    box-shadow: 0 3px 0 #ddd;
    background: #fff;
    color: #00552e;
    transition: 0.3s;
    }
    .wpcf7-form input[type=submit]:hover {
    background: #fff;
    transform: translate3d(0px, 3px, 1px);
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    }

    • ロリポップ
    • GoogleChrome
    • その他(トピック内容に記載してください。)
    2023/10/14 10:08
  • tsu_

    こんにちは!
    JIN:R運営チームのtsu_です。

    URLと画像ありがとうございます!

    詳細度で負けてるのかもしれませんね。。。

    フォームを設置する場所にもよりますが、

    .wpcf7-form input[type=submit]
     ↓
    #mainContent .wpcf7-form input[type=submit]

    に変えるとどうでしょうか...??

    2023/10/14 22:58
  • A
    Aki Moriyama

    こんにちは
    素晴らしい!完璧です。
    自分でいろいろ調べて変更してもダメでしたが、
    いい感じになりました。
    本当に助かりました。
    感謝です。
    ありがとうございます。

    2023/10/15 13:47
CLOSE