HOME フォーラム BizVektor Contact Form 7/アラートメッセージ吹き出しの三角部分を除去したい

このトピックには2件の返信が含まれ、2人の参加者がいます。8 ヶ月、 1 週前 Onion-K さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #7691

    Onion-K
    参加者

    BizVektorバージョン:1.9.13
    Contact Form 7バージョン:4.7
    デザインスキン:default
    子テーマでカスタマイズ中

    ーーーーーーーーーー

    Contact Form 7を導入しています。
    吹き出し型で出るアラートメッセージの三角の部分を取り除きたいです。

    .wpcf7 .wpcf7-validation-errors の内容を変更することで
    アラートメッセージの背景色や文字色を変更することはできましたが、
    三角部分の色は変わらないままです。

    三角部分のデザインを指定しているCSSの該当箇所はどこなのでしょうか?

    #7694
    なでこ
    なでこ
    モデレーター

    こんにちは。
    三角の吹き出しの部分は:after擬似要素で指定しているようです。

    .content form div.wpcf7-validation-errors::after,
    .content form span.wpcf7-not-valid-tip::after {
    border-bottom: 10px solid #○○○;
    }

    ↑○○○の部分に好きな色を指定すると変わるのではないかなーと思います。
    ちなみに消したい場合は
    content: none;
    で消えるかなと思います。

    #7712

    Onion-K
    参加者

    教えていただいた箇所を修正したところ、消えました。
    助かりました、ありがとうございました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。