トピック

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

  • HOME »
  • トピック »
  • Contact Form 7/アラートメッセージ吹き出しの三角部分を除去したい

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

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
投稿者 投稿
投稿者 投稿
2017.03.11 at 6:29 PM #7691

Onion-K
Participant

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

ーーーーーーーーーー

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

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

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

2017.03.14 at 5:00 PM #7694
なでこ
なでこ
モデレーター

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

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

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

2017.03.16 at 2:22 AM #7712

Onion-K
Participant

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

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

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

掲示板を検索

PR (外部リンク)

お勧め書籍

PAGETOP
Copyright © BizVektor・Lightningフォーラム All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.