Experten-Tools im Page Builder

Wenn du HTML, CSS und vielleicht auch JavaScript beherrschst, bietet dir der Page Builder mehrere Möglichkeiten, Inhalte komplett nach deinen Vorstellungen zu gestalten.

Custom CSS für einzelne Elemente

Du kannst jedem Baustein sowie seinen auswählbaren Unterelementen eigene Styles mittels CSS hinzufügen.

Du findest diese Option in den Design-Einstellungen (das Pinsel-Icon im rechten Bereich der Toolbar) des ausgewählten Bausteins. Innerhalb des Code-Editors kannst du sowohl CSS-Regeln für das ausgewählte Element via id festlegen, als auch Regeln für CSS-Klassen und so beispielsweise das Aussehen für eine bestimmte Art von Baustein festlegen.

HTML-Code innerhalb des Text-Bausteins ändern

Der Text-Baustein verfügt ebenfalls über einen Code-Editor. Du kannst diesen über das Code-Icon öffnen und vom Texteditor generierte HTML weiter anpassen. 

Bitte beachte, dass nur HTML-Tags akzeptiert werden, die der Texteditor auch als Optionen zur Verfügung stellt. script-Tags werden in diesem Editor ebenfalls nicht akzeptiert.

HTML-Baustein

Diesen Baustein kannst du wie jede andere Art von Baustein an den gewünschten Platz auf der Slide ziehen. Über das Code-Icon wird der Code-Editor geöffnet. 

Hier kannst du nun nach Belieben deinen eigenen HTML-Code, Inline-CSS-Styles sowie innerhalb eines script-Tags dein eigenes JavaScript einfügen. Der Scope für den JavaScript-Code ist dabei der HTML-Baustein selbst.

Bitte beachte, dass aus Sicherheitsgründen bestimmte Zugriffe auf window und document nicht zulässig sind.