Bei der Gestaltung von Webseiten können Sie die Schriftgröße mit CSS ändern. Wenn Sie in WordPress den Elementor Page Builder nutzen, geht dies viel einfacher. Sie können die Elementor Schriftgröße ändern, ohne sich mit CSS auseinanderzusetzen.
Wir zeigen Ihnen mehrere Wege. Es kommt darauf an, ob die Einstellungen der Schriftgröße vom Theme übernommen wurden oder ob die Einstellungen in Elementor selbst angepasst wurden.
Schriftgröße im WordPress Theme ändern
Bei leichtgewichtigen Themes wie „Hello Elementor“ nehmen Sie die Anpassungen der Schriftgröße über den Elementor Page Builder vor. Bei den meisten anderen Themes besteht die Möglichkeit die Schrift über das Theme anzupassen.
Hierbei kommt es darauf an, wo diese Einstellungen im Theme vorgenommen wurden.
Sehr viele Webdesigner nutzen das WordPress Theme „Astra“. Deswegen zeigen wir Ihnen dies exemplarisch mit diesem Theme. Die Font Einstellungen nehmen Sie im „Customizer“ unter „Typografie“ vor.
Klickpfad: Design > Customizer > Global > Typografie
Auf der linken Seite können Sie die Schriftgröße für den Texte und die Schriftgröße für Überschriften für alle Displaygrößen vornehmen.
Wenn Sie die Größe der Schrift im Theme anpassen und keine Veränderungen zu sehen sind, dann werden die Einstellungen der Schriftgröße im Elementor selbst vorgenommen.
Elementor Schriftgröße ändern – Website Einstellungen Typografie
Im Elementor Page Builder können Sie die Schriftart in den Website Einstellungen global ändern. Sie können hier die Überschriften und Texte an einer Stelle anpassen. Wenn Sie diese Möglichkeit nutzen, müssen Sie die Anpassungen der Schriftgröße nicht in jedem Beitrag und jeder Seite vornehmen.
Wenn Sie hier die Schriftgröße ändern, dann wird diese für alle Elemente übernommen.
Öffnen Sie einen Beitrag oder eine Seite. Klicken Sie dann oben links auf das Icon mit den drei vertikalen Strichen (1), um die Website Einstellungen bearbeiten zu können.
Klicken Sie in der neuen Ansicht auf „Website Einstellungen“ (2).
Die Elementor Vorgaben für die Schriftgröße lassen sich mit einem Klick auf dem Menüpunkt „Typografie“ (3) ändern.
Jetzt können Sie die Schriftgröße für den Text (4) und die Überschriften (H1 bis H6) anpassen (5). Mit einem Wechsel in den „Responsive Mode“ (6) können Sie die Displaygröße umstellen (7) und somit die Schriftgrößen für Texte und Überschriften auf dem Tablet oder dem Smartphone ändern.
Mögliche Schriftgrößen Einheiten:
- px (Pixel)
- em (Ems)
- rem (Root Ems)
- vw (Viewport Width)
Bei den Typografie Einstellungen können Sie im Übrigen auch die Schriftart und Farbe wählen.
Nach dem Speichern werden die Änderungen übernommen.
Elementor Schriftgröße im Element ändern
Neben den globalen Einstellungen der Schriftgröße in den Website Einstellungen können Sie in Elementor in jedem Element mit Schrift die Größe individuell anpassen. Praktikabel ist es bei größeren Websites nicht, da Sie bei Anpassungen jedes Element aufrufen und anpassen müssen.
Wählen dafür das entsprechende Element aus. In unserem Beispiel möchten wir die Schriftgröße der Überschrift (8) ändern. Die Typografie Einstellungen können unter „Stil“ (9) vorgenommen werden. Mit einem Klick auf der Editieren Icon (10) öffnet sich eine Ansicht, in der Sie die Einstellungen vornehmen können. Unter „Größe“ (11) können Sie die für Sie passende Schriftgröße in px, em, rem, oder vw eingeben.
Im „Responsive Mode“ (12) können Sie die Einstellungen für andere Displaygrößen (13) vornehmen.
Probleme mit der Elementor Schriftgröße
Haben Sie Probleme mit der Elementor Schriftgröße und Ihre Änderungen werden nicht übernommen?
Wenn Sie die Typografie Einstellungen in einem Element (Überschrift, Text etc.) vornehmen, werden die Typografie Vorgaben vom Theme und den Website Einstellungen überschrieben. Globalere Einstellungen sind dann nicht mehr für dieses Element wirksam.
Es gibt so viele verschieden Themes mit eigenen Schriftgrößen Einstellungen. Dafür lässt sich leider keine pauschale Anleitung schreiben. Sollte Ihre Änderungen nicht wirksam werden, dann werden Ihre Anpassungen an anderer Stelle überschrieben. Schauen Sie sich für die Elemente, die die Probleme und Fehler verursachen, die Stil Einstellungen ein.
Meist stehen dort feste Werte drin und dadurch werden Themen Einstellungen unwirksam.
Weitere interessante Elementor Beiträge
- Elementor responsive Breakpoints
- Elementor Kontaktformular erstellen
- Elementor Menü erstellen
- Elementor Abschnitte und Spalten
Selbstverständlich können Sie uns kontaktieren, wenn beim Elementor Schriftgröße ändern Probleme auftreten und Sie Hilfe benötigen.
