Elementor generelle Einstellung Zeilenhöhe für Überschriften veränderbar?

    WP 5.2.2
    Theme OceanWP v1.6.8
    Elementor v2.6.1

    Hallo,

    ich suche eine Möglichkeit, die generelle Einstellung von Elementor für die Zeilenhöhe der Überschriften-Widgets zu bearbeiten.
    Dort wird nicht die Einstellung für die Zeilenhöhe aus dem WP Customizer übernommen (im Gegensatz zu allen anderen Schriftparametern), sondern es ist für die ensprechende css class fest die Zeilenhöhe 1 eingestellt (wie ich in den css style sheets gefunden habe).

    Gibt es eine Möglichkeit, diese generelle Einstellung zu verändern? Ich möchte nicht für jede Überschrift auf jeder Seite die Zeilenhöhe einzeln im Widget anpassen.

    Schöne Grüße
    Tima

    • Gerade eben
    • Anzeige

    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.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Ich habe in Elementor für die Formatierung der Überschriften das zusätzliche CSS genutzt und z.B. den folgenden Code eingegeben:

    CSS
    h1 {
    font-size: 28px;
    margin: 33px 0;
    color: rgb(149,137,1) !important;
    font-style: italic;
    font-weight: bold;
}

    Hallo Kurt, danke für die schnelle Antwort.

    Wo genau hast Du die css-Einstellung eingegeben?

    In Elementor finde ich nur eine Möglichkeit für jedes einzelne Widget individuellen css-code einzutragen, und das geht auch nur mit der kostenpflichtigen Pro-Version, die ich nicht habe.
    Eine Möglichkeit, die generellen Elementor-Settings per css zu verändern, habe ich nicht gefunden.

    Die generellen Style-Einstellungen für Überschriften bei WP kann ich ja im Customizer ändern, dort ist auch die Zeilenhöhe dabei. Allerdings verändern sich alle Einstellungen wie Schriftgröße und -farbe tatsächlich, aber die Zeilenhöhe eben nicht, egal was ich im Customizer eingebe.

    Das hat zunächst nichts mit Elementor zu tun, da habe ich mich wohl falsch ausgedrückt. Das ist im Customizer im zusätzlichen CSS eingegeben.

    Vielen Dank für die Präzisierung, leider komme ich mit Deinem Tip nicht weiter, da offenbar Elementor für die Zeilenhöhe eine eigene Einstellung darüberlegt. Im Customizer, wo Du das CCS eingetragen, läßt sich neben anderen Schriftparametern auch die Zeilenhöhe für Überschriften einstellen, aber sie wird von Elementor nicht übernommen.

    Hast du es vielleicht auch schon mit der Holzhammermethode mit !important versucht? (siehe Beispiel von @Kurt Singer in #2)
    Oder du postest einen LINK zur Baustelle!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Ich stelle überhaupt keine Zeilenhöhe ein, die wird automatisch an die Schriftgröße angepaßt.

    Normale Schriftgröße 28px:

    Kleine Schriftgröße 8 px:

    Große Schriftgröße 48 px:

    Ob da Dein Theme dazwischen haut?

    Danke für Eure Tips, mit !important kann ich tatsächlich die Elementor-Einstellungen überschreiben.

    Leider löst das mein Problem noch nicht vollständig, da ich eigentlich erreichen wollte, daß die Customizer-Einstellungen für die verschiedenen Überschriften verwendet werden, die aktuell von Elementor mit einer fixen Zeilenhöhe für alle Überschrifts-Arten überschrieben werden.

    Das klappt mit !important leider nicht, da ich dann wieder einen festen Wert über alles drüberschreibe und den Customizer trotzdem nicht benutzen kann.

    Was ich suche, ist die Möglichkeit, in Elementor die generelle Einstellung für die Zeilenhöhe bei Überschriften zu verändern/entfernen. Falls das irgendwo möglich ist.

    Schöne Grüße Tima

    Nunja, das einmal vereinfacht dargestellt ;-) Der Customizer ist eigentlich "nur" die Bedienoberfläche für (meist eine Teil) die style.css. der größere Teil ist fest vom jeweiligen Theme vorgegeben und ein Teil wird zur individuellen Gestaltung über den Customizer freigegeben. Wobei dein Theme -OceanWP - schon außerordentlich viele Einstellungen bietet. Dazu noch der mehr oder weniger "notwendige" Elementor .......
    Damit weitere Gestaltungsmöglichkeiten offen sind, kann man über die "Zusätzlichen CSS" im Customizer weitere Style-Änderungen vornehmen. Über den Selektor wird dann festgelegt, wofür diese Änderung wirksam wird.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    OK, so wie ich es jetzt verstehe, habe ich mit dem Customizer zwar für die Überschriften eine Zeilenhöhe definiert, aber durch Elementor (habe ich im CSS-File gefunden, wo der entsprechende Überschriften-Selektor definiert wird) wird dann gnadenlos die Zeilenhöhe "1" für alle Überschriften drübergelegt.

    Jetzt wäre die Frage, ob es in Elementor irgendwo die Möglichkeit gibt, diese Einstellung zu verändern?

    Du kannst unter "Einstellungen" die Standardschriftarten deaktivieren und damit die Schriftarten des Themes verwenden. Versuch doch einmal, ob sich das auf die Zeilenhöhen auswirkt.

    Zitat von Kurt Singer

    Du kannst unter "Einstellungen" die Standardschriftarten deaktivieren und damit die Schriftarten des Themes verwenden. Versuch doch einmal, ob sich das auf die Zeilenhöhen auswirkt.


    Das schließe ich aus ;)

    Zitat von tima

    ob es im Elementor irgendwo die Möglichkeit gibt, diese Einstellung zu verändern?

    Die habe ich noch nicht gefunden ;)

    Der Sinn darin erschließt sich mir auch nicht. Der Elementor würde das aus meiner Sicht seine Individualität mit einer generellen Einstellung verlieren.
    Warum wirkt die Theme-Einstellung nicht beim Elementor. Eigentlich auch ganz logisch - die grundsätzliche Reihenfolge beim Laden Wordpress - Theme - Plugin! Elementor ist ein Plugin.
    Zusätzlich oder deswegen versieht Elementor jedes Element mit einer eigenen Class.
    Um jetzt z.B. eine Überschrift H2 im Elementor mit doppelter Zeilenhöhe zu bekommen wird folgender Code in die Zusätzlichen CSS erforderlich:

    Code
    .elementor-widget-heading h2.elementor-heading-title {
    line-height: 2;
}

    Villeicht bin ich auch auf dem Holzweg, da ich den Elementor bis heute nicht verwendet habe, aber so kann ich der H2 eine doppelte Zeilenhöhe verpassen.

    Nachtrag:

    Zitat von tima

    habe ich im CSS-File gefunden

    finden gut, aber bitte nicht bearbeiten! Sonst ist das beim nächsten Update wieder Geschichte!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Hallo, erst mal vielen Dank für Eure Antworten und Eure Mühe. Hatte gerade wenig Zeit für Wordpress, daher erst jetzt eine Antwort.

    Was mich irritiert hat, ist, daß Wordpress einfach eine Standard-Zeilenhöhe für alle Überschriften-Arten festlegt, obwohl man im Theme für jede Überschrift eine eigene Zeilenhöhe hat. Das zerstört die ganze Gestaltung durch das Theme, und der Sinn erschließt sich mir nicht. Daher hatte ich nach einer generellen Einstellmöglichkeit bei Elementor gefragt.

    Zitat von SEpp55

    Code:
    .elementor-widget-heading h2.elementor-heading-title {
    line-height: 2;
    }

    Danke für diesen Tip, werde ihn ausprobieren.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden