Wussten Sie, dass Sie mit Contact Form 7 die Farbe des Platzhaltertextes ändern können?
Wenn Sie Contact Form 7 schon einmal verwendet haben, ist Ihnen vielleicht aufgefallen, dass es eine Standardtextfarbe für Platzhalter hat. Sie können den Platzhaltertext mit den integrierten Optionen von Contact Form 7 anpassen – oder sogar mit CSS anpassen!
In diesem Artikel wird gezeigt, wie Sie die Platzhaltertextfarbe von Kontaktformular 7 ändern und Codebeispiele für beide Methoden bereitstellen.
{autotoc}
Wir haben festgestellt, dass viele Kunden in unserem Support-Forum Probleme beim Festlegen oder Ändern der Schriftfarbe des Platzhaltertextes im Kontaktformular 7 haben.
Contact Form 7 ist eines der beliebtesten WordPress-Plugins und ermöglicht es Ihnen, einfache oder komplexe Kontaktformulare auf Ihrer WordPress-Site zu erstellen. Wir haben bereits geschrieben So beheben Sie Fehler beim Senden von Contact Form 7-Nachrichten.
Wir zeigen Ihnen, wie Sie die Textfarbe mit benutzerdefiniertem Code anpassen: Wenn Sie mit dem Codieren nicht vertraut sind, aber ein einfacheres und benutzerfreundlicheres Plug-In zum Erstellen von Formularen benötigen, probieren Sie WPForms aus.
CSS für CF7-Platzhaltertext
::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}Verwenden Sie das Tag !important
Der Tag "!important" stellt sicher, dass keine anderen Stile auf diese CSS-Selektoren angewendet werden. Dadurch wird sichergestellt, dass der Stil funktioniert. Wenn der Stil nur für Felder in Kontaktformular 7 verwendet werden soll, können Sie Folgendes verwenden:
.wpcf7::-webkit-input-placeholder { /* WebKit-Browser */ Farbe: #000 !wichtig; Deckkraft: 1; }
Wenn Sie ein bestimmtes Kontaktformular auf Ihrer Site anzeigen müssen, ohne andere Kontaktformulare zu ändern 7, suchen Sie wie folgt nach der Formularkennung:
Klicken Sie mit der rechten Maustaste auf das betreffende Element und wählen Sie „Element untersuchen“. Tastenkombinationen: F11 (Windows) oder CMD + UMSCHALT + C (MAC). Suchen Sie die ID und ersetzen Sie „wpcf_id“ in diesem Code durch diese:
#wpcf_id::Platzhalter { Farbe: #000 !wichtig; Deckkraft: 1; }
IMH
Sie wollen eine schnelle Website?
Wen veräpple ich? Tun wir das nicht alle?
Warum also kämpfen so viele von uns?
Die größte Herausforderung besteht normalerweise darin, ein schnelles und zuverlässiges Hosting-Unternehmen zu finden.
Wir haben alle Albträume durchgemacht - der Support dauert ewig oder löst unser Problem nicht, indem wir immer etwas auf Ihrer Seite beschuldigen ...
Aber der größte Mist ist, dass sich die Website immer langsam anfühlt.
At CollectiveRay Wir hosten mit InMotion-Hosting und unsere Website ist verdammt schnell. Wir laufen auf einem benutzerdefinierten Stack von LightSpeed-Servern, die auf MariaDB mit einer PHP7.4-Engine eingerichtet sind und über Cloudflare laufen.
In Kombination mit unseren Front-End-Optimierungen bedienen wir jeden Tag zuverlässig 6000 Benutzer, mit Spitzen von mehr als 50 gleichzeitigen Benutzern.
Möchten Sie ein schnelles Setup wie unseres bekommen? Übertragen Sie Ihre Website kostenlos auf das InMotion-Hosting und erhalten Sie 50 % RABATT auf die aktuellen Preise.
Testen Sie InMotion Hosting mit 50 % RABATT für CollectiveRay Besucher in Juli 2025 ONLY!
Hinterlassen Sie unten gerne einen Kommentar oder stellen Sie eine Frage!