Elemente untereinander und nebeneinander darstellen

Jedes Element in Chimpify kann in zwei Arten angezeigt werden:

Block

Mit „Block“ werden die Elemente untereinander dargestellt. Sie und alle nachfolgenden Elemente beginnen immer in einer neuen Zeile und nutzen die vorhandene Breite voll aus:

block elemente

Folgende Elemente haben standardmäßig diese Einstellung aktiviert: Sektion, Container, Spalten, Bereich, CTA-Bereich, Überschrift etc.

Inline-Block

Mit „Inline Block“ werden die Elemente nebeneinander dargstellt. Sie und alle nachfolgenden Elemente bleiben in der gleichen Zeile, bis die vorhande Breite ausgefüllt ist. Danach wird umgebrochen. Die Elemente können sich also über mehrere Zeilen hinziehen:

inline block elemente 1

Folgende Elemente haben standardmäßig diese Einstellung aktiviert: Bild, Text, Button, Icon, Eingabefeld etc.

Elemente untereinander darstellen

Wenn du z.B. ein Text-Element untereinander anzeigen möchtest, wähle das Element aus.

Navigiere danach unter Styling > Sonstiges > Display und wähle dort „Block“ aus:

blockgif

Sofort wird das Element untereinander dargestellt.

Elemente nebeneinander darstellen (Spalten-Element)

Ein einfacher Weg, um Elemente nebeneinander darzustellen, ist mit einem Spalten-Element:

Screenshot 2019 07 23 at 15.46.57

Hier kannst du auch mehrere Spalten auswählen und das Spaltenverhältnis anpassen. Hier mehr dazu.

Für größere Layout-Sachen ist dieser Weg sinnvoll. Für feinere Dinge ist nachfolgende Lösung besser.

Elemente nebeneinander darstellen (Inline Block)

Möchtest du z.B. zwei Bereiche nebeneinander darstellen, wähle das Element aus.

Navigiere danach unter Styling > Sonstiges > Display und wähle dort „Inline Block“ aus:

inlineblockgif

Sofort wird das Element nebeneinander dargstellt.

Hier kannst du gerne noch rechts einen Außenabstand vergeben. Überprüfe außerdem, ob das Design für verschiedene Bildschirmgrößen gut aussieht.

© 2017-2019 by Chimpify UG (haftungsbeschränkt)
Powered by Chimpify