Seite 1 von 1

Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 13:43
von inno
Hi Tommy,
ich habe im Theme NicheM5 ein Custom-Formular angelegt. Wie kann ich hier die Schriftgröße der Placeholder anpassen. Ist schon recht groß. Grüße

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 13:55
von Tommy Herrmann
Moin,

ohne jetzt in Deinem Thema getestet zu haben, aber Du kannst auch dem Platzhalter eine CSS geben. Vielleicht ist der Text nicht wirklich zu groß, vielleicht solltest Du diesem ein dezentes Grau geben. Musst Du probieren.

Schreibe z.B. das in den Bereich "CSS Editor" vom "Code Editor" (Farbe und Größe):

Code: Alles auswählen

::placeholder {
  color: #888888;
  font-size: 12px;
}

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 13:59
von inno
Funktioniert leider nicht! :crying:

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 13:59
von Tommy Herrmann
sollte es aber - ich lade mal Dein Thema ...

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 14:06
von Tommy Herrmann
Das funktioniert einwandfrei:


Code Form-Builder NicheM5 Placeholder Schrift.jpg

Form-Builder NicheM5 Placeholder Schrift.jpg

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 14:13
von Tommy Herrmann
... sonst versuche es mal so:

Code: Alles auswählen

input::placeholder {
  color: #888888;
  font-size: 12px;
}
textarea::placeholder {
  color: #888888;
  font-size: 12px;
}

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 14:18
von inno
Ich hatte es weiter oben reinkopiert, da ging es nicht.
Jetzt aber mit einem Problem - bei den Auswahlfeldern bleibt die Schriftgrösse so?

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 14:39
von Tommy Herrmann
ja - das ist ja auch kein Platzhalter ("placeholder").

Da kannst Du dann eine eigene Class erstellen, z.B. nenne ich die hier class="myselect", und die mit an das Formularfeld vom Typ "select" schreiben:

Code: Alles auswählen

input::placeholder {
  color: #888888;
  font-size: 12px;
}
textarea::placeholder {
  color: #888888;
  font-size: 12px;
}
.myselect {
  color: #888888;
  font-size: 12px;
}

Code Form-Builder NicheM5 class myselect.jpg

Form-Builder NicheM5 Typ Select.jpg

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 15:34
von inno
... wunderbar! Passt einwandfrei! Dankeschön! :tu:

Re: Formular Schriftgröße Placeholder / Theme NicheM5

Verfasst: Mo 1. Jul 2024, 15:37
von Tommy Herrmann
... na prima - danke für die Rückmeldung :tu: