contact form 7 Schriftfarbe beim Eingeben in die Textfelder ändern

  • Hallo,

    ich verwende das contact form 7. Bei der Eingabe des Textes in das Feld ist die Schriftfarbe so hell, dass man sie nicht lesen kann. Wenn man auf das nächste Feld geht, wechselt die Farbe in schwarz und alles ist gut. Ich möchte, dass auch beim beschreiben der Felder die Schriftfarbe schwarz ist. Ich habe die style.css vom Template (ich verwende catch responsive pro) und vom plugin durchforstet nach textarea usw. aber nichts gefunden, wie ich diese Textfarbe ändern könnte. Ich weiß auch nicht genau, wonach ich suchen muss.

    Was muss ich tun. Bei einem anderen Blog von mir funktioniert es einwandfrei. Ich finde den Unterschied nicht.

    Danke für die Antworten.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • bei einem Formular gibts nicht nur textarea, sondern auch

    als Beispiele für dein Durchforsten der style.css

    HTML
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    textarea
  • danke für die Antworten:
    ich habe in dem style.css des themes die Farbe auf #000 gesetzt. Es hat sich nichts im Formular getan.

    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    textarea {
    color: #000;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }


    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
    color: #000;


    Das Formular, das nicht funktioniert findet ihr online hier:
    http://www.schorschbross.de/varietekunst/w…ex.php/kontakt/

    und hier das Formular, das funktioniert. Das Theme ist das gleiche: http://www.seifenblasenkuenstler.de/kontakt/

  • es scheint als würden die Angaben


    die deinen überschreiben

  • danke für den Hinweis. In welcher Datei finde ich diese Zeilen. Hat .sidr etwas mit einem Dropdown menu zu tun. Denn das ist tatsächlich der einzige Unterschied zwischen den beiden Blogs. Ich verwende dort Dropdown Menu widget.

    Was muss ich tun, damit es nicht überschrieben wird.

    Oder noch lieber wäre mir einen [COLOR=#555555][FONT=Open Sans]Benutzerdefiniertes CSS[/FONT][/COLOR]
    in meinem Theme hinzuzufügen. Ich weiß aber nicht wie dieser Texttyp heißt, der beim Eintippen sichtbar wird und beim Wechseln auf das nächste Eingabefeld die Farbe wechselt. Wie müsste der css code dazu aussehen. Die spannende Frage bleibt dann, wer schlussendlich, dann was überschreibt.

  • custom css wenn du dies zur Verfügung hast


  • großartig. Jetzt funktioniert es. Ich kann beim Anpassen vom template ein benutzerdefiniertes css eingeben. Dort habe ich den html code eingefügt und nun ist der Eingabetext schwarz.

    Herzlichen Dank. Du warst mir eine große Hilfe.

  • Hallo

    ich habe gleiches Problem wie ausgangs beschrieben finde aber nirgendwo ein CSS (kenne mich mit CSS auch nicht wirklich aus bisher).
    Gibt es noch ein Idee oder konkretere Anleitung wie ich die Farbe nach der Eingabe verändern kann?

    Sorry ich bin wirklich absoluter Anfänger.
    Danke.

  • Hallo

    ich habe gleiches Problem wie ausgangs beschrieben finde aber nirgendwo ein CSS (kenne mich mit CSS auch nicht wirklich aus bisher).
    Gibt es noch ein Idee oder konkretere Anleitung wie ich die Farbe nach der Eingabe verändern kann?

    Sorry ich bin wirklich absoluter Anfänger.
    Danke.


    Was sind die Voraussetzungen bei dir?

    • Benutzt du ein Theme, in dem du eigenes CSS einfügen kannst wie oben von schorsch angemerkt?
    • Oder hast du einen Themebuilder wie WPBakery, Divi, Elementor & Co im Einsatz?
    • Hat dein Theme ein Childtheme? bzw. weißt du, was das ist?
  • Hallo meisterleise

    Irgendwo kann ich bestimmt CSS einfügen. Ich nutze das Theme Brooklyn von UnitedThemes. Darüber habe ich auch den Themeeigenen Themebuilder. Ich habe gesehen dass Childthemes vorhanden sind, weiss aber nicht was das ist und ob ich das nutze. Wie kann ich das denn herausfinden?

  • @Vollhorst

    Child-Theme:
    Gehe mit einem FTP Programm auf dein Host-Verzeichnis zu: wp-content > themes. Dort liegt dein Theme und dort sollte auch das Child-Theme dieses Themes liegen. Liegt dort keins, installiere es nach (siehe doku des Themes).

    Hast du es installiert oder war das es bereits, so gehe in WP zu den Themes und aktiviere dort das child, sofern noch nicht geschehen.
    Danach die Seite sicherheitshalber prüfen. Es sollte sich nichts verändert haben.

    Gehe wieder in das Host-Verzeichnis in den Ordner des childs. Dort findet sich eine CSS (meistens "styles.css". Dort kannst du das gewünschte CSS eintragen.

    CSS im Theme:
    Alternativ kannst du nachschauen, ob es in den Theme-Einstellungen einen Abschnitt zum Einfügen eigenen CSS-/Java-Codes etc. gibt. Wenn ja, dann wirst du es auch finden.

    Letzteres ist schnell und einfach. Ein CHild-Theme ist aber dennoch IMMER zu empfehlen, weil man damit Änderungen am Theme durchführen kann, ohne das Theme selbst zu modifizieren, womit es updatesicher bleibt.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!