Layout, IFrame, Bilder, Video

Spalten

Block: Spalten
Normaler zweispaltiger Spalten Block

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod

Standardmäßig wird bei Spalten ein größerer unterer Abstand eingefügt – siehe Spalten oberhalb.
mb-0 bei Spalten (nicht Spalte) setzt den Abstand auf 0px – siehe folgende Spalten.

Block: Spalten
Normaler zweispaltiger Spalten Block mit CSS: mb-0

Block: Spalten
Normaler zweispaltiger Spalten-Block 2/1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Block: Spalten – dreispaltig

Dreispaltiger Spalten-Block
Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor

Block: Spalten (bis 4 Spalten)
Verschachtelt (2 Spalten > innerhalb einer Splate nochmals 2 Spalten)

Spalte eins

Spalte zwei

Spalte drei

Spalte vier

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Bilder

Bild jeweils mit Link zur Mediendatei

(Spalten CSS über Erweitert: mb-0)

Layout – Volle Breite

Volle Seitenbreite

Vorgehensweise:
Inhalte gruppieren | Gruppe -> Ausrichtung ändern: Gesamte Breite
Um ein Überschreiten der Breite des Content zu vermeiden unter „Erweitert“ > Zusätzliche CSS-Klasse(n): px-4 angeben (Innenabstand siehe unter Styles und Typografie)

Volle Seitenbreite mit Text im Contentblock

Vorgehensweise:
Inhalte gruppieren | Gruppe -> Ausrichtung ändern: Gesamte Breite
Um ein Überschreiten der Breite des Content zu vermeiden unter „Erweitert“ > Zusätzliche CSS-Klasse(n): wrapper angeben (siehe unter Styles und Typografie)

Bild gesamte Breite

Cover

Hintergrund fixiert, Breite: Gesamte Breite, Mindesthöhe 300px

Überschrift

Text

consetetur sadipscing elitr, Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Video (schwarzes Symbol)

Video Titel

Block YouTube-Einbettung URL

Funktioniert, im Editor wird jedoch eine Fehlermeldung angezeigt, die ignoriert werden kann.

Link-Ziel Scroll Smooth

Getwid-Block: Section

1. mit Video Background
2. mit Hintergrundfarbe
3. mit Divider

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, consetetur sadipscing elitr, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, consetetur sadipscing elitr, sed diam voluptua.

Block „Section“ > Advanced > Dividers > Waves