Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
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.
Ein Link zur Seite, wie in den Forenregeln geschrieben, wäre hilfreich. Insbesondere da Stylings im Frontend primär vom eingesetzten Theme beeinflusst werden wovon man per Screenshot nichts erkennen kann.
Wie ichs mir dachte. Dein Avia-Theme überlagert jeglichen Style. Du müsst dessen Style-Angaben adaptieren und ergänzen. Beispiel:
body#top input[type="text"] { font-size: 22px; }Wie ichs mir dachte. Dein Avia-Theme überlagert jeglichen Style. Du müsst dessen Style-Angaben adaptieren und ergänzen. Beispiel:
Codebody#top input[type="text"] { font-size: 22px; }
prima, danke. Und die Schrift dunkler?
das hier ist wohl falsch
body#top input[type="text"] { font-size: 20px; font-color: #728cc9;
}
und das alles sollte für alle Eingabetypen gelten nicht nur für Textfelder. Gibts da einen Art generalisierenden Code?
sorry, bin da kein Experte :)
Statt font-color nur color wäre richtig. Also:
body#top input[type="text"] { font-size: 20px;color: #728cc9; }Statt font-color nur color wäre richtig. Also:
Codebody#top input[type="text"] { font-size: 20px;color: #728cc9; }
Danke, aber der code mit der color zeigt leider keinen effekt
und die textarea-Eingaben bleiben im Gegensatz zu "text" Feldern leider klein trotz:
body#top input[type="textarea"] {
font-size: 20px;
}Ja, weil die Wertigkeit nicht hoch genug ist um über die Theme-Angaben zu kommen. Schreibs mal so:
body#top .alternate_color input[type="text"] { font-size: 20px;color: #728cc9; }Ja, weil die Wertigkeit nicht hoch genug ist um über die Theme-Angaben zu kommen. Schreibs mal so:
Codebody#top .alternate_color input[type="text"] { font-size: 20px;color: #728cc9; }
Danke, das klappt jetzt. Ja, das Formular steht in einem "alternate color" Bereich - verstehe
Und hast Du zum guten Schluss eine Idee wie man diese Formatierung für alle Feldtypen hinterlegt - nicht nur für "Text" sondern z.B. auch für Textarea? (s.o.) Oder am besten pauschal für alle Eingabefeldtypen
Das wäre superklasse
body#top .alternate_color input[type="date"], body#top .alternate_color input[type="text"], body#top .alternate_color textarea { font-size: 20px;color: #728cc9; }.. wobei das beim Date-Feld vermutlich nicht in jedem Browser funktionieren wird, da es eine schwer gestaltbare Browserkomponente ist.
Die anderen Formularfelder bei dir dienen nicht zur Texteingabe.
Codebody#top .alternate_color input[type="date"], body#top .alternate_color input[type="text"], body#top .alternate_color textarea { font-size: 20px;color: #728cc9; }
.. wobei das beim Date-Feld vermutlich nicht in jedem Browser funktionieren wird, da es eine schwer gestaltbare Browserkomponente ist.
Die anderen Formularfelder bei dir dienen nicht zur Texteingabe.
ok, verstehe, also analog. Ich versuche das gern so.
Codebody#top .alternate_color input[type="date"], body#top .alternate_color input[type="text"], body#top .alternate_color textarea { font-size: 20px;color: #728cc9; }.. wobei das beim Date-Feld vermutlich nicht in jedem Browser funktionieren wird, da es eine schwer gestaltbare Browserkomponente ist.
Die anderen Formularfelder bei dir dienen nicht zur Texteingabe.
hat alles geklappt. nochmals vielen Dank!
Codebody#top .alternate_color input[type="date"], body#top .alternate_color input[type="text"], body#top .alternate_color textarea { font-size: 20px;color: #728cc9; }.. wobei das beim Date-Feld vermutlich nicht in jedem Browser funktionieren wird, da es eine schwer gestaltbare Browserkomponente ist.
Die anderen Formularfelder bei dir dienen nicht zur Texteingabe.
Für einen Dummen: wo genau wird das eingefügt?
* Design > Customizer > Zusätzliches CSS (wenn man kein FSE-Theme hat).
* Oder bei einem FSE-Theme unter Design > Editor > Styles > Bearbeiten Stift > dann oben rechts auf die 3 Punkte und "Zusätzliches CSS" auswählen
* Oder im Custom CSS-Feld des eigenen Themes (bringen manche mit).
* Oder in die style.css des eigenen Child-Theme
* Oder mit Hilfe eines Plugins welches Custom CSS ermöglicht
* Oder mit individueller Programmierung per functions.php.
* Oder .. gibt vermutlich noch weitere Wege xD
* Design > Customizer > Zusätzliches CSS (wenn man kein FSE-Theme hat).
Ah, danke. Hatte ich probiert, aber ohne Erfolg.
Verlinke deine CF7 Seite und lass den Selektor ansehen!
Die Felder eingerichtet:
<label> Dein Name* (Pflichtfeld)
[text* your-name autocomplete:name ] </label>
[honeypot your-email]<label> Deine E-Mail-Adresse* (Pflichtfeld)
[email* e-post autocomplete:email] </label>
<label> Betreff
[text your-subject] </label>
<label> Deine Nachricht* (Pflichtfeld)
[textarea* your-message] </label>
[submit "Senden"]Das zus. CSS:
body#top .alternate_color input[type="date"], body#top .alternate_color input[type="text"], body#top .alternate_color textarea { font-size: 20px;color: #ff0000; }Du hast ein völlig anderes Theme. Dort können diese Eigenschaften gar nicht greifen da es die Klassen gar nicht gibt. Bei dir müsste folgendes schon ausreichen:
body input[type="date"], body input[type="text"], body textarea { font-size: 20px;color: #ff0000; }In der Tat. Ich hatte also Wesentliches garnicht begriffen, aber so funktioniert es. Danke. Jetzt versuche ich selbst die Unterschiede herauszufinden.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!