Kontaktformular wird nicht korrekt angezeigt WPForms

Gelöst jasminludwig
(@jasminludwig)

vor 5 Monaten
Hallo,

ich habe mir die Webseite mit dem KI-Tool erstellen lassen. Zunächst hatte ich als Kontaktformular das contactform7 Formular. Ich bin aber mit der Farbigkeit nicht zurecht gekommmen. Deshalb habe ich dann ein Formular von WPforms eingebunden. Das hat auch funktioniert. Jetzt sieht es so aus, dass wieder das contactform 7 Formular erscheint. Man kann es kaum lesen. Wenn ich im Block bin, scheint es aber das WPforms Formular zu sein. Hat jemand eine Idee, womit das zusammen hängen könnte?

Vielen Dank vorab. Grüße, Jasmin
- Dieses Thema wurde vor 5 Monaten von jasminludwig geändert.
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 20)

1 2 →

Moderator La Geek
(@la-geek)

vor 5 Monaten
Es ist das WPforms-Formular. Der Text ist weiß, mit folgendem CSS-Code kannst du es ändern:
```
div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label
 {
    color: black;
}
```
CSS-Code kann man
1.) Wenn kein Child-Theme vorhanden ist
im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende in einer neuen Zeile) einfügen.

Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:

/wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.

2.) Wenn du ein Child-Theme verwendest,
dann trage stattdessen den CSS-Code in die Datei style.css ganz ans Ende in einer neuen Zeile ein.

Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu). Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.

Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.

Und zum Schluss noch dieser Hinweis:

Wir helfen hier bei Anwendungsproblemen, die in Zusammenhang mit WordPress auftauchen. Deine Fragen/Probleme sind jedoch bezogen auf CSS, da geben wir hin und wieder mal einen Tipp.

Für weitere CSS-Probleme jedoch solltest du dich selbst näher mit CSS beschäftigen z. B. hier, hier oder hier.

Ich ergänze diese Links zum Erlernen von CSS noch mit Links zu Hilfe- und Austausch-Foren für (u. a.) CSS in zufälliger Reihenfolge:
=> Forum 1
=> Forum 2
=> Forum 3
Moderator Hans-Gerd Gerhards
(@hage)

vor 5 Monaten

Hallo,
im Frontend ist durchaus das Formular, das du mit WPForms erstellt hast, zu sehen.

Das Problem hängt mit der Farbgebung der Labels (Bezeichnungen wie Name, etc.) zusammen. Evtl. ist es einfacher, direkt das Kontaktformular (Vorlage „Simple Contact Form“ – siehe Setup) zu verwenden.

Evtl. hängt das Problem mit dem KI-Tool zusammen.

Viele Grüße
Hans-Gerd

Moderator Hans-Gerd Gerhards
(@hage)

vor 5 Monaten

Nachtrag:
Ich habe gerade das Plugin installiert. Bei WPForms findest du unter Settings die Einstellungen für die Farben (siehe „Label Styles“. Da kannst du die Farben wohl ändern.

Thread-Starter jasminludwig
(@jasminludwig)

vor 5 Monaten

Hallo zusammen,

danke für eure Hilfe.

Lieber Hans-Gerd Gerhards,

das komische ist eben, dass es mir das Formular schon mit der richtigen Farbigkeit angezeigt hat.

So hatte ich es eingestellt. Aber jetzt aktualisiert es sich nicht mehr auf diese Farbigkeit. Ich verstehe nicht, warum es mir das so verändert hat. Eventuell tatsächlich wegen dem KI Tool.

Was würdest du jetzt konkret machen? Denn richtig eingestellt ist es in den WPForms Einstellungen.

Moderator Hans-Gerd Gerhards
(@hage)

vor 5 Monaten

Hallo @jasminludwig
wie gesagt: Teste doch mal bitte die Option, das Formular direkt über die Vorlage „Simple Contact Form“ (siehe Setup) zu erstellen.

Und passe die Farben korrekt an: Einstellungen für die Farben (siehe „Label Styles“).

BTW: KI hilft nicht immer, sondern kann auch schon mal mehr Arbeit machen. 😉

Viele Grüße
Hans-Gerd

Moderator La Geek
(@la-geek)

vor 5 Monaten

Der CSS-Code hat nicht funktioniert?

Thread-Starter jasminludwig
(@jasminludwig)

vor 5 Monaten

Wo muss ich da genau hin, wenn ich Simple Contact Form (Set up) einbinden will?

Das mit dem CSS-Code habe ich noch nicht probiert. Ich bin hier ganz unsicher. Aber ich versuche es mal noch.
Moderator Hans-Gerd Gerhards
(@hage)

vor 5 Monaten
Ich verwende normalerweise WPForms nicht, sondern Contact Form 7.
Das „Simple Contact Form“ findest du, wenn du links unter WPForms > All Forms und dann auf „Add New“ klickst.

Bei Block Themes wie z. B. Twenty Twenty-Four oder hier extendable kannst du über Design > Website-Editor zusätzliches CSS wie folgt eingeben, wenn du ein Template geöffnet hast.
Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):
- Diese Antwort wurde vor 5 Monaten von Hans-Gerd Gerhards geändert.
Thread-Starter jasminludwig
(@jasminludwig)

vor 5 Monaten

Ich glaube, jetzt hat es mit der schwarzen Schrift geklappt. Könntest du es bei dir bitte nochmal laden?

Moderator La Geek
(@la-geek)

vor 5 Monaten

Ja, der CSS-Code hat funktioniert/gegriffen.

Ich setz den Thread dann auf gelöst (rechte Seitenleiste, Status), bitte denk nächstes Mal selbst daran (Begründung).

Thread-Starter jasminludwig
(@jasminludwig)

vor 5 Monaten

Entschuldigt bitte. Der Text für die Felder ist jetzt zwar schwarz. Aber wenn ich in die Felder jetzt etwas eintragen möchte, ist die Farbe noch so hell. Wie kann ich das noch anpassen?
Moderator La Geek
(@la-geek)

vor 5 Monaten
```
.wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month], .wpforms-container input[type=number], .wpforms-container input[type=password], .wpforms-container input[type=range], .wpforms-container input[type=search], .wpforms-container input[type=tel], .wpforms-container input[type=text], .wpforms-container input[type=time], .wpforms-container input[type=url], .wpforms-container input[type=week], .wpforms-container select, .wpforms-container textarea, .wp-core-ui div.wpforms-container input[type=date], .wp-core-ui div.wpforms-container input[type=datetime], .wp-core-ui div.wpforms-container input[type=datetime-local], .wp-core-ui div.wpforms-container input[type=email], .wp-core-ui div.wpforms-container input[type=month], .wp-core-ui div.wpforms-container input[type=number], .wp-core-ui div.wpforms-container input[type=password], .wp-core-ui div.wpforms-container input[type=range], .wp-core-ui div.wpforms-container input[type=search], .wp-core-ui div.wpforms-container input[type=tel], .wp-core-ui div.wpforms-container input[type=text], .wp-core-ui div.wpforms-container input[type=time], .wp-core-ui div.wpforms-container input[type=url], .wp-core-ui div.wpforms-container input[type=week], .wp-core-ui div.wpforms-container select, .wp-core-ui div.wpforms-container textarea {
    color: black !important;
}
```
Thread-Starter jasminludwig
(@jasminludwig)

vor 5 Monaten

Danke. Es ist jetzt alles schwarz. Nur unter den beiden Feldern, wo Name steht, steht unter dem jeweiligen Feld noch Vorname und Name. Die sind leider nicht schwarz. Kannst du mir hierzu auch noch helfen? Ich wäre dir sehr dankbar.
Moderator La Geek
(@la-geek)

vor 5 Monaten
```
div.wpforms-container-full .wpforms-field-sublabel, 
.wp-core-ui div.wpforms-container-full .wpforms-field-sublabel {
    color: black;
}
```
Thread-Starter jasminludwig
(@jasminludwig)

vor 5 Monaten

Danke. Ich habe das jetzt so eingegeben, aber es zeigt es noch unverändert an.