FAQ

Kurz. Knapp.
Auf den Punkt.

Hu00e4ufig gestellte Fragen

Allgemein

  • Können Sektionen wie Widgets global definiert werden?

    Anders als Widgets müssen ganze Sektionen über einen Umweg global zur Verfügung gestellt werden. Dies ist über Templates möglich:

    1. Klicke mit der rechtem Maustaste auf das Sektions-Icon und wähle «als Template speichern»
    2. Nun kannst du an einem beliebigen Ort das gespeicherte Template via Shortcode (Elementor Pro sowie Gratis-Plugin Pafe ) oder mit dem Vorlage-Widget (Elementor Pro) einfügen und zentral über die Templates ändern
  • Meine Website scrollt horizontal, was kann ich tun?

    Die schlechteste aber einfachste Idee wäre es, für alle Abschnitte die Option »Overflow: Ausgeblendet« zu aktivieren. Die bessere Methode ist, das verursachende Element zu finden und das Problem zu beheben. Wie das funktioniert findest du in diesem Tutorial.

  • Warum erhalte ich beim Versuch fertige Blöcke/Seiten einzufügen eine Fehlermeldung oder es kommt nur der »Erste Schritte« Bildschirm?

    Irgend etwas mit deiner aktivierten Lizenz läuft gerade schief. Die einfachste Lösung ist das »Disconnecten« der Lizenz unter »Elementor > Lizenz« sowie dem anschliessenden neu Aktivieren. Danach sollten sich die von Elementor gelieferten Blöcke/Seiten wieder wie gewohnt einfügen lassen.

  • Wie entferne ich den Abstand nach dem letzten Absatz?

    Diesen Abstand kannst du mit einer kurzen Zeile CSS entfernen. Am Besten wird dieser an einer globalen Stelle wie dem Customizer oder der style.css deines Child-Themes eingefügt:

    /*
        Entfernt den unteren Margin beim letzten Absatz
    */
    
    .elementor-text-editor p:last-child { 
        margin-bottom: 0px;
    }
    
  • Wie kann ich die Bedingungen meines Templates im nachhinein ändern?

    Du kannst jederzeit mittels dem kleinen Pfeil-Symbol in der Elementor Seitenleiste unten rechts die aktuellen Bedingungen anzeigen lassen und bei Bedarf anpassen.

  • Wie kann ich ein Inline positioniertes Widgets horizontal zentrieren?

    Wenn du ein inline positioniertes Widget innerhalb eines Abschnittes horizontal zentrieren möchtest, dann kann du dies in den Einstellungen der Spalte innerhalb des Abschnitts tun. Stelle dort unter Layout > Horizontale Ausrichtung die Option auf “Center”.

  • Wie kann ich Formulardaten aus meinem Formular in eine Datenbank speichern?

    Dazu gibt es mittlerweile mehrere Möglichkeiten:

    1. Du nutzt ein Plugin dazu, z.b. Elementor Contact Form DB
    2. Seit Elementor Pro Version 3.2 kann diese Funktion unter Elementor > Einstellungen > Experiments > Form Submissions aktiviert werden

  • Wieso wird mein SVG nicht oder nur kurz angezeigt?

    Bei einem SVG ist es wichtig, eine Breite zu definieren, da es sonst zu einer falschen oder gar keiner Darstellung kommen kann.

  • Wo finde ich Inspiration für meine Elementor Projekte?
  • Custom Code

  • Wie entferne ich den Abstand nach dem letzten Absatz?

    Diesen Abstand kannst du mit einer kurzen Zeile CSS entfernen. Am Besten wird dieser an einer globalen Stelle wie dem Customizer oder der style.css deines Child-Themes eingefügt:

    /*
        Entfernt den unteren Margin beim letzten Absatz
    */
    
    .elementor-text-editor p:last-child { 
        margin-bottom: 0px;
    }
    
  • Wie entferne ich den blauen Rand um ein Element, wenn darauf geklickt wird?

    Trage dazu einfach folgendes CSS in das Custom CSS von Elementor oder deines Child-Themes ein:

    :focus {
         outline:0 !important;
    }

    Anmerkung: Die Outline der Pseudoklasse :focus zu entfernen führt dazu, dass Menschen, die zum Beispiel keine Maus nutzen können und mit Tab durch eine Website navigieren müssen, nicht visuell darauf hingewiesen werden, dass ein Element klickbar ist. Das macht die Website für sie quasi nicht nutzbar. Besser ist es also, die Outline zu stylen. Wir arbeiten an einem Tutorial dazu.

  • Wie kann ich einen Zeilenumbruch erzwingen, diesen jedoch Mobile ausblenden lassen?

    Du kannst mittels <br> an einer gewünschten Stelle einen Umbruch erzwingen. Um diesen auf Mobilgeräten auszublenden genügt eine kurze Zeile CSS. Am Besten wird diese an einer globalen Stelle wie dem Customizer oder der style.css deines Child-Themes eingefügt:

    /*
        Entfernt den Zeilenumbruch auf Mobile
    */
    
    @media (max-width: 480px) {
        br {
            display: none;
        }
    }
  • Wie kann ich einzelne Menüpunkte stylen?

    Im Backend unter Design > Menüs kannst du oben rechts auf »Anpassen« klicken. Da gibt es dann die Option »CSS-Klassen«. Dort das Häkchen setzen. Jetzt kannst du die einzelnen Menüeinträge aufklappen und eine Klasse eintragen (ohne Punkt davor). Vergib z. B. die Klasse nav-rot

    Und nun kannst du diesen Menüpunkt mit CSS direkt ansprechen.

    .nav-rot {
        background: red;
        padding: 5px 10px;
    }

    Das CSS optimaler Weise in die style.css des Child Themes. Kann aber auch ins custom CSS von Elementor.

  • Wie setze ich einen Button mit einer Druckfunktion um?

    Als Erstes benötigt dein Button eine ID. Dazu definierst du unter »Erweitert« im Button-Widget z.b. die ID »print«. Als Nächstes legst du ein HTML Widget mit folgendem Inhalt an:

    <script> 
    document.addEventListener("DOMContentLoaded", function(event) { 
    	jQuery('#print a').click(function(){ 
    	window.print(); 
    	}); 
    	}); 
    </script>
  • Wie vermeide ich, dass eigenes CSS im Elementor-Editor angewendet wird?

    Setze dafür einfach body:not(.elementor-editor-active) vor den Selektor, den du mit dem CSS ansteuerst. Also zum Beispiel:

    /* Blendet alle Texte im Frontend der Website, aber nicht in Elementor aus */
    
    body:not(.elementor-editor-active) p {
        display: none;
    }
  • Plugins & Addons

  • Ich suche eine Funktion, wo finde ich das passende Plugin oder Addon?

    Die Website »Elementor Widgets & Addons Search« Listet über 16 Plugins in einer Übersichtlichen Tabelle inklusive Suchfunktion auf um das passende Plugin/Addon zu finden.

  • Wie kann ich Formulardaten aus meinem Formular in eine Datenbank speichern?

    Dazu gibt es mittlerweile mehrere Möglichkeiten:

    1. Du nutzt ein Plugin dazu, z.b. Elementor Contact Form DB
    2. Seit Elementor Pro Version 3.2 kann diese Funktion unter Elementor > Einstellungen > Experiments > Form Submissions aktiviert werden

  • Wie lassen sich Dateien in einem Kontaktformular als Anhang mitsenden?

    Diese Funktion muss zurzeit mit einem Plugin nachgerüstet werden. Dynamic Content for Elementor erweitert das Elementor Pro Formular um diese Möglichkeit.

  • Themes

  • Gibt es ein fertiges Hello-Child-Theme?

    Ja, Elementor stellt auf GitHub ein fertiges Child-Theme zur Verfügung. Das eignet sich besonders dann, wenn du zum Beispiel Änderungen in der »functions.php« machen möchtest. Werden Änderungen direkt im Haupttheme vorgenommen, kann es passieren, dass diese bei einem Update überschrieben werden.

  • Wo schalte ich im Hello Theme den Seitentitel Global aus?

    Um den Seitentitel Global zu deaktivieren musst du deine »functions.php« um folgenden Inhalt ergänzen:

    /**
     * Deaktiviert den Page Title
     */
    
    function ele_disable_page_title( $return ) {
       return false;
    }
    add_filter( 'hello_elementor_page_title', 'ele_disable_page_title' );

  • Webdesign

  • Meine Website scrollt horizontal, was kann ich tun?

    Die schlechteste aber einfachste Idee wäre es, für alle Abschnitte die Option »Overflow: Ausgeblendet« zu aktivieren. Die bessere Methode ist, das verursachende Element zu finden und das Problem zu beheben. Wie das funktioniert findest du in diesem Tutorial.

  • Wie binde ich ein Youtube-Video responsive in Gutenberg-Beiträgen ein?

    Damit sich das Video responsive verhält, erstellst du in deiner »functions.php« folgenden Eintrag:

    /**
     * Responsive Videos
     */
    add_theme_support( 'responsive-embeds' );

  • Wie kann ich einen Zeilenumbruch erzwingen, diesen jedoch Mobile ausblenden lassen?

    Du kannst mittels <br> an einer gewünschten Stelle einen Umbruch erzwingen. Um diesen auf Mobilgeräten auszublenden genügt eine kurze Zeile CSS. Am Besten wird diese an einer globalen Stelle wie dem Customizer oder der style.css deines Child-Themes eingefügt:

    /*
        Entfernt den Zeilenumbruch auf Mobile
    */
    
    @media (max-width: 480px) {
        br {
            display: none;
        }
    }
  • Gib hier deine Überschrift ein

    Gib hier deine Überschrift ein