Template

Es empfielt sich außer bei Beitragsseiten das Template „Elementor Volle Breite“ zu verwenden. Dann bekommt man eine Blanco- Seite und ist erheblich freier die Elemente zu strukturieren. Das Template „Standard“ bietet dagegen den vorgefertigten weißen Hintergrund mit der Überschrift, die aus dem Seitentitel generiert wird. Gut für schnelle Beiträge, aber diese lassen sich nicht bearbeiten.

Bearbeitungsebenen

Ihr könnt hier 3 Ebenen anwählen:
Der äußere blaue Rahmen umfasst Strukturrahmen (grau) und Elemente (blau). Er kann mit eigenen Einstellungen versehen werden. Man kann ihn auch verschachteln.
Der graue Rahmen umfasst den Innenbereich oder teilt diesen in verschiedene Strukturbereiche auf. Das hängt davon ab, welches Grundlayout man unten (lila Buttom) gewählt hat oder ob man weitere innere Abschnitte (Werkzeug links) eingefügt hat. 
Der blaue innere Rahmen markiert das tatsächliche Element, welches ihr von links aus dem Editor nach rechts in die grauen Strukturrahmen zieht. Hier geht es um den tatsächlichen Inhalt.
Jede dieser Ebenen kann mit Einstellungen versehen werden. Welche ihr mit welchen Einstellungen verseht, hängt vom Layout ab. Mit einem Klick auf das jeweilige Icon, könnt ihr Bereiche kopieren oder löschen und mit einem erneuten Klick auf einen anderen Bereich die Kopie dort unten einfügen. Auch könnt ihr verschiedene Rahmen ineinander verschachteln und miteinander verschränken. Nutzt dazu links das Werkzeug „Innere Abschnitt“.

Einstellungen

Wenn ihr auf einen leeren Bereich links oder rechts klickt, erscheint das Werkzeugmenü. Wählt ihr eines der oben genannten Bereiche aus, erscheint der Editor. Im Reiter „Inhalt“ geht es um die Inhalte der Elemente, wie Texte, Links und Icons. Im Reiter „Stil“ geht es um Farben, Hintergründe und die Gestaltung von Rändern und Schatten. Im Reiter „Erweitert“ stellt man vor allem Abstände (Margin) und Randmaße (Padding) ein. WICHTIG: Ich empfehle, zuerst überall eine 0 einzugeben, denn oftmals sind hier bereits Standardwerte eingestellt.

Ränder und Abstände

Die Elementen der Website werden auf mobilen Geräten untereinander angeordnet. Damit hier die Abstände stimmen, ist es wichtig, die äußeren Abstände (Margin) aller Felder den gleichen Wert zu geben. Da von vielen die Widgets an der Seite bevorzugt werden und man diese leider nicht nur einer Seite zuweisen kann, sind alle der folgenden Seitenlayouts oben mit einem Abstand (Margin) versehen, der sie auf eine Linie mit den Widgets setzt. Dieser beträgt 36,5. Der Rand (Padding) aller Strukturfelder (graues Icon oben links) beträgt 20. Der Rand grau hinterlegter Textfelder (blaues Icon rechts) wie der Seitenlauf 10. Transparente Textfelder haben keinen Rand. Ränder (Reiter „Stil“) von Feldern reicht es auf 1 oder 2 zu setzen, es sei denn, man will sie besonders dick. Meist erfüllt der Schatten aber seinen Job gut und es braucht keine.

Bündigkeit

Wenn ihr merkt, dass Icons nicht bündig liegen, dann nutzt in der Editierung den Befehl „< br >“ (ohne Leerzeile). Dieser fügt einen Umbruch ein. Kopiert den Befehl so lange hintereinander, bis alles bündig liegt. Dies funktioniert bei reinen Textfeldern nur im HTML-Modus (oben neben „visuell“ im Reiter „Text“) oder bei Icons direkt in bei der Eingabe (Reiter „Inhalt“).

Sonderzeichen

Sonderzeichen vor Links, die zum Beispiel auf Downloads oder Verweise hindeuten (z.B. Pfeile), sind aus den Sonderzeichen (Omega-Symbol) zu holen. Eine größere Bandbreite an Zeichen findet sich bei Windows.