Schriftgrösse Kontaktformular / Theme FINANCE M4
Schriftgrösse Kontaktformular / Theme FINANCE M4
Hallo Tommy,
ich baue gerade im Theme FinanceM4 ein Formular. Dort wird dann auf die eingestellte Schriftgröße "Text" zugegriffen.
Kann ich NUR für das Formular die Schriftgrösse einzeln im CCS ändern - wenn ja wie?
Ich verwende bei den anderen Seiten die Schriftgrösse "Text" und dort passt es gut - wenig Inhalt, grosse Schrift.
Beim Formular bräuchte ich den Font halt kleiner. Weisst du was ich meine? Screeshots anbei.
ich baue gerade im Theme FinanceM4 ein Formular. Dort wird dann auf die eingestellte Schriftgröße "Text" zugegriffen.
Kann ich NUR für das Formular die Schriftgrösse einzeln im CCS ändern - wenn ja wie?
Ich verwende bei den anderen Seiten die Schriftgrösse "Text" und dort passt es gut - wenig Inhalt, grosse Schrift.
Beim Formular bräuchte ich den Font halt kleiner. Weisst du was ich meine? Screeshots anbei.
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
Moin Inno,
also ich habe das mal hier eines nach dem anderen aufgeschrieben:
1) input = Eingabefeld-Textgröße
2) input::placeholder = der Platzhalter vom Eingabefeld (die Schrift die da schon steht, wie "Name")
3) textarea = Eingabetext-Textgröße
4) textarea::placeholder = der Platzhalter vom Eingabetext
Diese Selektoren kopierst Du in den (rechten) Bereich "CSS Editor" vom "Code Editor" des Blocks mit dem Formular. Ich habe jetzt als Beispiel 0.8rem eingetragen wobei 1rem (Root EM) die Standard-Größe aus Deiner CSS entspricht, 0.8 ist eben um 20% kleiner. Du könntest natürlich ebenso Angaben in Pixeln, also z.B. 12px eintragen.
Du könntest also die Schriftgröße vom Platzhalter auch anders machen als jene vom Eingabetext.
... dieser Syntax wäre genauso richtig, Du kannst also bei gleicher Größe für alle Selektoren ebenso alles in eine Anweisung, getrennt durch Kommata, schreiben:
also ich habe das mal hier eines nach dem anderen aufgeschrieben:
1) input = Eingabefeld-Textgröße
2) input::placeholder = der Platzhalter vom Eingabefeld (die Schrift die da schon steht, wie "Name")
3) textarea = Eingabetext-Textgröße
4) textarea::placeholder = der Platzhalter vom Eingabetext
Diese Selektoren kopierst Du in den (rechten) Bereich "CSS Editor" vom "Code Editor" des Blocks mit dem Formular. Ich habe jetzt als Beispiel 0.8rem eingetragen wobei 1rem (Root EM) die Standard-Größe aus Deiner CSS entspricht, 0.8 ist eben um 20% kleiner. Du könntest natürlich ebenso Angaben in Pixeln, also z.B. 12px eintragen.
Code: Alles auswählen
input {
font-size: 0.8rem;
}
input::placeholder {
font-size: 0.8rem;
}
textarea {
font-size: 0.8rem;
}
textarea::placeholder {
font-size: 0.8rem;
}
... dieser Syntax wäre genauso richtig, Du kannst also bei gleicher Größe für alle Selektoren ebenso alles in eine Anweisung, getrennt durch Kommata, schreiben:
Code: Alles auswählen
input, input::placeholder, textarea, textarea::placeholder {
font-size: 0.8rem;
}
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
Hallo Tommy, danke das funktioniert.
Wie passe ich die anderen Selektoren an:
Selectfeld (Auswahlfeld)
Felder zum Häckchen setzen
Hier habe ich immer noch die "alte" Größe.
Danke dir und Grüße
Wie passe ich die anderen Selektoren an:
Selectfeld (Auswahlfeld)
Felder zum Häckchen setzen
Hier habe ich immer noch die "alte" Größe.
Danke dir und Grüße
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
Moin,
na dann machst Du dort ebenso.
Für die Checkbox:
... für das Auswahlfeld (select):
na dann machst Du dort ebenso.
Für die Checkbox:
Code: Alles auswählen
label {
font-size: 0.8rem;
}
Code: Alles auswählen
select {
font-size: 0.8rem;
}
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
Label funktioniert! Select leider nicht! Heisst das anders?
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
bzw. der Platzhalter im Select-Feld ...
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
dann musst Du mal die Seite zeigen. Bei mir geht das.
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
da fehlt das Komma nach dem select,
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
Geht mit Komma auch nicht! ;-(
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
... ich muss eigentlich diese Seite mit dem Formular "online" sehen, damit man im Quelltext sehen kann warum.
Schreibe das mal nochmals alles einzeln in den Bereich "CSS Editor" und nimm Deine zusammenhängende Anweisung (mit den Kommata) raus.
also so:
Schreibe das mal nochmals alles einzeln in den Bereich "CSS Editor" und nimm Deine zusammenhängende Anweisung (mit den Kommata) raus.
also so:
Code: Alles auswählen
input {
font-size: 0.8rem;
}
input::placeholder {
font-size: 0.8rem;
}
textarea {
font-size: 0.8rem;
}
textarea::placeholder {
font-size: 0.8rem;
}
label {
font-size: 0.8rem;
}
select {
font-size: 0.8rem;
}
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
nimm das "select" aus der CSS wieder raus und schreibe stattdessen:
Code: Alles auswählen
.jq-selectbox__select {
font-size: 0.8rem;
}
.jq-selectbox {
font-size: 0.8rem;
}
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
Funktioniert!
Und was muss ich noch für die Schriftgrösse der Auswahlfelder in der Selectbox anpassen?
Und was muss ich noch für die Schriftgrösse der Auswahlfelder in der Selectbox anpassen?
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
na das sollte die zweite Anweisung doch erledigen - diese hier:
Code: Alles auswählen
.jq-selectbox {
font-size: 0.8rem;
}
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
Ich danke dir vielmals für die tolle Unterstützung!
Passt alles!
- Tommy Herrmann
- Site Admin
- Beiträge: 5921
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Schriftgrösse Kontaktformular / Theme FINANCE M4
sonst versuche es mal mit dem li Tag zusätzlich:
Code: Alles auswählen
.jq-selectbox li{
font-size: 0.8rem;
}
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 42 Gäste