Edi
(@psychosopher)
Schriftgrössen lassen sich mit CSS anpassen. Dazu müsstest Du Dich etwas darin einarbeiten.
Ein gutes CSS-Tutorial mit zahlreichen Beispielen findest Du beispielsweise hier:
http://www.w3schools.com/css/
Um die CSS-Definitionen einer Seite anzuzeigen, empfiehlt sich beispielsweise für den Browser Firefox das Addon Firebug:
http://getfirebug.com
Bei Chrome etwa können sie auch unter „Weitere Tools“ > „Entwicklertools“ im Menü angezeigt werden.
Für die CSS-Änderungen kannst Du schliesslich ein Plugin wie Simple Custom CSS verwenden:
https://wordpress.org/plugins/simple-custom-css/
Thread-Starter
Danny
(@mopfratzen)
Hallo Edi Goetschel,
danke erstmal für deine Antwort.
Das es um CSS geht war mir schon klar. Mir geht es mehr darum, dass mir jemand sagen kann auf welchen CSS Seiten und in welcher dortige Zeile ich die Schriftgröße verändern kann. Bei manchen Abänderungen muss man ja auf mehreren Seiten die Pixel umändern.
Edi
(@psychosopher)
Was geändert werden kann, kannst Du Dir mit den genannten Tools anzeigen lassen.
„Start“ beispielsweise ist eine Überschrift h1, die zusätzlich mit der Klasse „post-caption“ definiert ist (Zeile 36):
a.post_ttl, .post-caption h1 {
font-family: "gotham_lightregular";
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}
Um die Schriftgrösse zu ändern, reicht es, mit Simple Custom CSS beispielsweise zu definieren:
.post-caption h1 {
font-size: 18px;
}
Thread-Starter
Danny
(@mopfratzen)
So fit bin ich denn in CSS doch nicht. Es muss doch irgendwo in den ganzen Scripten definiert werden wie groß/klein alles dargestellt werden soll. Wenn ich mir jetzt mit einem CSS Bearbeitungsprogramm das/die Scripte aufrufe und bearbeiten will, welcher der Scripte sind dafür zuständig und in welcher Zeile befindet sich die stelle wo ich die pixelgröße der Schrift ändern kann.
Hier mal ein Bild, mit allen Dateien, von diesem Theme.
http://www.bilder-upload.eu/show.php?file=1a7caf-1462022636.jpg
Änderungen im Theme selber vorzunehmen ist wenig hilfreich, weil die Änderungen bei der nächsten Aktualisierung verloren gehen. Edi hat dich ja schon auf Simple Custom CSS hingewiesen, dass dir ein eigenes Eingabefeld im Backend von WordPress zur Verfügung stellt, in dem du Änderungen speichern kannst. Was du ändern musst erfährst du, wenn du die Elemente auf deinem Bildschirm mit der rechten Maustaste anklickst und dann auf „(Element) untersuchen“ gehst. In den so genannten Developer Tools siehst du links das HTML und rechts die zugehörigen CSS-Regeln. Hier kannst du andere Werte ausprobieren. Gefällt dir der neue Wert, kopierst du CSS-Klasse und -Regel in das Eingabefeld vom Simple Custom CSS.
Ist dir das alles zu kompliziert, kannst du auch mal ein relativ neues Plugin ausprobieren. Mit dem Visual CSS Style Editor kannst du ebenfalls Elemente anklicken, dann aber direkt Änderungen vornehmen. Die kostenlos angebotene Plugin-Version ist auf einige Grundfunktionen beschränkt, für die Schriftgröße sollte es aber reichen.
Thread-Starter
Danny
(@mopfratzen)
Hallo Bego Mario Garde,
ah ok, dann habe ich Edi Goetschel missverstanden. Jetzt habe ich mir Simple Custom CSS installiert, die Seite angesehen den Bereich den ich abändern möchte. Habe den Wert gändert.
.post-caption h1 {
padding: 1px 0;
margin: 0;
}
Simple Custom CSS sagt mir, Benutzerdefiniertes CSS erfolgreich aktualisiert. Wenn ich meine Seite aber aufrufe, ist der Bereich nicht verändert, sondern hat die selbe Größe wie davor.
Edi hat dir doch schon den fertigen Code geliefert, warum nimmst du nicht den?
.post-caption h1 {
font-size: 18px;
}
Mit deinem Code hast du einen Zwischenabstand (padding) von 1 Pixel hinzugefügt. Wundert mich nicht, dass du da nicht viel Unterschied siehst. 🙂
Kurz gefasst: Du hast die Wahl, CSS zu lernen oder das Plugin für die visuellen Änderungenzu verwenden.
Thread-Starter
Danny
(@mopfratzen)
Hallo Edi Goetschel und Bego Mario Garde,
habe nun beide Programme ausprobiert. Leider hatte ich keinen Erfolg mit Simple Custom CSS. Änderungen konnte ich vornehmen doch nach dem abspeichern wurde diese nicht übernommen. Mehr Erfolg hatte ich mit dem Visual CSS Style Editor, sofortige Anzeige und so wie ich es haben möchte. Werde noch etwas rumprobieren, bis ich mit allen Änderungen zufrieden bin.
Zufri9eden bin ich mit euren Antworten und Geduld.
Danke dafür
Danny Kühn von http://www.hits-forever.de
