Hallo,
füge bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS am Ende ein und teste dann bitte, ob es funktioniert:
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.mein-dropdown {
background-color: #dedbd3;
font-size: 16px;
height: 40px;
}
Die angegebenen Werte kannst du ja nach Belieben anpassen.
Viele Grüße
Hans-Gerd
Danke für die schnelle Antwort. Unter Twenty Twenty Three habe ich unter „Design“ nur „Themse“ und „Website-Editor“
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.
Bei modernen Block-Themes wie Twenty Twenty Three ist das Feld für das „Zusätzliche CSS“ etwas versteckt. Du findest es (bei WordPress 6.8.x) unter Design > Website-Editor > Stile > diese öffnen durch Klick auf die rechte Vorschau > dann oben rechts die Stile öffnen, dort dann auf die 3 Punkte und dann auf „Zusätzliches CSS“ klicken. Hier ein Screenshot von letzteren Schritten:
View post on imgur.com
Alternativen dazu:
Die o.g. Schritte über den „Customizer“ sind nur bei klassischen Themes möglich, aber so eines hast Du nicht.
Super, hat funktioniert. Viiiiielen Dank. Kannst du mir noch bitte mitteilen, wie ich die Farbe (mobil ist sie momentan blau) rausbekomme. Hätte diese gerne in schwarz.
irgendwie greift auch noch nicht das „Pflichtfeld“ obwohl ich unter Contact Form 7 dies unter „Feld Typ“ mit „Dies ist ein Pflichtfeld“ aktiviert habe.
Hallo,
Design > Customizer > Zusätzliches CSS
sorry, ich hatte das nicht bezogen auf Block Themes wie Twenty Twenty-Three angepasst. Wie @threadi bereits geschrieben hatte, erreichst du bei Block Themes den Bereich für zusätzliches CSS wie er beschrieben hat.
Falls allerdings bereits „Zusätzliches CSS“ definiert wurde, dann geht das seit WordPress 6.8 flotter über Design > Website-Editor, dann unter Stile ganz unten „Zusätzliches CSS“.
Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):
Es gibt aber bereits meines Wissens ein Ticket, damit diese schnellere Option auch bei „leerem“ zusätzlichem CSS schon an der Stelle gezeigt wird.
Viele Grüße
Hans-Gerd
Habe es jetzt unter: Design => Customizer => Stile => CSS ganz unten eingefügt und hat geklappt.
Kannst mir noch bitte jemand mitteilen, wie ich die Farbe (mobil ist sie momentan blau) rausbekomme. Hätte diese gerne in schwarz.
irgendwie greift auch noch nicht das „Pflichtfeld“ obwohl ich unter Contact Form 7 dies unter „Feld Typ“ mit „Dies ist ein Pflichtfeld“ aktiviert habe.
Oder noch einfacher so wie ich es beschrieben hatte
/wp-admin/customize.php an die Domain anhängen 🙈
Hallo @la-geek
nein, das würde ich bei Block Themes machen, wie @threadi und ich das beschrieben haben.
Der von dir beschriebene Bereich bezieht sich auf CSS bei klassischen Themes. Kann man zwar auch machen. Aber ist ungünstig.
Viele Grüße
Hans-Gerd
Muss ich mir merken, danke Dir 🙂 Weißt Du noch wie ich die anderen Punkte lösen kann?
@hage
wieso ist das ungünstig? Das funktioniert einwandfrei mit Block-Themes inklusive des eingegebenen CSS.
Nachtrag:
https://fullsiteediting.com/lessons/how-to-re-enable-the-customizer/
-
Diese Antwort wurde vor 6 Monaten, 2 Wochen von
La Geek geändert.
@yogigoy
Kannst du mir noch bitte mitteilen, wie ich die Farbe (mobil ist sie momentan blau) rausbekomme. Hätte diese gerne in schwarz.
Ich sehe auf meinem Smartphone nichts Blaues, vielleicht musst du einfach nur den Cache des Smartphones bzw. Browsers löschen.
irgendwie greift auch noch nicht das „Pflichtfeld“ obwohl ich unter Contact Form 7 dies unter „Feld Typ“ mit „Dies ist ein Pflichtfeld“ aktiviert habe.
Das wird im Quelltext als erforderliches Feld angezeigt. Ich vermute „Preisoption wählen“ wird bereits als „ausgewählt“/“Auswahl“ gewertet. Müsstest du anders gestalten.
Nachtrag:
Lies auch mal dort, wenn du das Label beibehalten möchtest:
https://stackoverflow.com/questions/51491852/making-contact-form-7-dropdown-mandatory
sowie die offizielle Dokumentation:
https://contactform7.com/checkboxes-radio-buttons-and-menus/#select
-
Diese Antwort wurde vor 6 Monaten, 2 Wochen von La Geek geändert.
@la-geek
Wenn du CSS im Customizer speicherst, kann es passieren, dass diese Anpassungen bei Block Themes ignoriert oder überschrieben werden, weil der Customizer z. B. über /admin/customize.php technisch nicht mehr im Fokus steht.
CSS im Website-Editor wird hingegen gezielt für Block Themes geladen und ist Teil des neuen Styling-Systems. Das ist m. E. bei Verwendung von Block Themes die zukunftssichere Methode.
Siehe hier: https://developer.wordpress.org/news/2023/06/the-style-book-a-one-stop-shop-for-styling-block-themes/#:~:text=(right%20panel).-,Global%20custom%20CSS,-Though%20the%20editor
Natürlich muss das jede(r) für sich entscheiden. 😉
Ich vermute „Preisoption wählen“ wird bereits als „ausgewählt“/“Auswahl“ gewertet.
Genau das ist der Fall. Du müsstest noch first_as_label hinzufügen im Formular. Dann wird das erste Feld als Platzhalter gewertet und nicht mehr als Auswahl selbst.
Damit das klarer erkennbar ist, benutze ich immer ein leicht anderes Layout dafür „– Bitte auswählen –“ statt nur „Bitte auswählen“ zum Beispiel.
Testen kann man das ganz gut indem das Formular abgesendet wird ohne etwas auszufüllen. Alle Pflichfelder sollten dann eine Fehlermeldung bekommen („Füll bitte dieses Feld aus.“). Das ist aktuell bei dem Dropdown nicht der Fall. Mit first_as_label wird es das dann sein.
Yes @zodiac1978 danke Dir Torsten, hier sitze ich schon ne Stunde dran um das zu beheben. Hat funktioniert. Vielen Dank 🙂
