Hallo, bei meinem Kontaktformular in den Textfeldern sind die Hinweise so klein auf dem Pc, sodass sie kaum lesbar sind. Leider weiß ich nicht, wie ich das verändern kann. Ich würde gern die Schrift vergrößern, wie auch die Farbe.
wkbilder.com
Kontaktformular
-
- Gerade eben
- 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)
-
Code
.wpcf7-form ::placeholder { color: #f0f; font-size: 34px; }
Dabei beachten: https://caniuse.com/#feat=css-placeholder -
Um das "Anliegen" Feld grösser zu machen, schreibst Du entspr. [FONT=Courier New]rows="15"[/FONT] o.ä. beim [FONT=Courier New]<textarea ..>[/FONT] Tag im Contact Form 7 Formular.
Ergänzung: Sehe gerade, Dein CSS enthält eine feste Höhe von 150px, also ergänze z.B. sowas:Code.wpcf7-form textarea { height: 250px; }Tipp zum aktuell eingefügten Code, ein Pseudo-Element [FONT=Courier New]::textarea[/FONT] gibt es in CSS nicht.
-
Um das "Anliegen" Feld grösser zu machen, schreibst Du entspr. [FONT=Courier New]rows="15"[/FONT] o.ä. beim [FONT=Courier New]<textarea ..>[/FONT] Tag im Contact Form 7 Formular.
damit ändert sich doch die Schrift nicht im Textfeld, die blieb doch bei obigen code gleich...
alle anderen 4 Felder konnte ich so gut ändern, aber eben nicht das von Textarea -
nun ist aber das Textbereichsfeld immer noch so klein ...
Was genau ist damit gemeint? Screenshot? Mit welchem Browser? Mit Mozilla Firefox sieht hier der Platzhalter wie die anderen aus.
Wenn Du schreibst, dass "das Textbereichsfeld klein ist", geht der Leser wahrscheinlich davon aus, dass die Höhe oder Breite des Feldes gemeint ist.
Evtl. hilft Dir für weitere Änderungen auch https://www.google.com/search?q=formularfelder+css weiter, mit WordPress hat das alles (ausser den Bereich zu finden, wo man das CSS bei Dir in WordPress eingeben kann) nichts zu tun.
-
hab mal ein screenshot gemacht, also schreib mir dein Anliegen konnte ich nicht mit den obigen Einstellungen verändern, und ist daher kaum lesbar
(der ist mit Google)
-
Schreibe noch ein [FONT=Courier New]!important[/FONT] hinter die Farbe, das wird bei Dir warum auch immer bei Google Chrome benötigt.
CSS.wpcf7-form ::placeholder { color: #f0f !important; font-size: 34px; }
Am besten mit verschiedenen Browsern testen, dann sieht man, ob etwas generell falsch ist, oder nur ein Kompatibilitätsproblem. Generell sind solche Fragen in einem HTML/CSS Forum wohl besser aufgehoben, dort kennt man ggf. die Feinheiten der einzelnen Browser besser.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!