Hinweis: Die beiden unterschiedlichen Darstellung sind wichtig, um zu zeigen wie unterschiedlich das Layout je nach Aufbau ist. Heading und Text als einzelne Module erzeugen mehr Markup und müssen ggf. manuell angepasst werden, da der vertikale Abstand zwischen den Module in der Regel zu groß ist (margin-bottom Heading + margin-top Text) Hier muss im Zweifel einer der Werte angepasst werden. Bei Headings direkt im Textmodul wird dieser Abstand in der Regel durch die Default Styles des Themes bestimmt. Mittels folgenden CSS-Snippets lassen sich aber global alle auf Heading Modul folgende Text-Module anpassen, sodass die margin-top dieses angepasst bzw. entfernt wird:

.fl-module-heading + .fl-module-rich-text .fl-module-content{
  margin-top: 0;
}

Dieses ist zur Veranschaulichung hier bereits im Layout CSS hinterlegt. Mus aber bei Bedarf ins Website CSS übernommen werden.

Als genereller Tipp lässt sich sagen, dass einzelne Heading + Textmodule eher bei großen Schriftarten wie bei Section-Headings Sinn machen und Headings innerhalb des Texteditors eher bei kleineren Schriftgrößen und Fließtexten.

Ähnlich verhält es sich mit Listen als Modul vs. inline im texteditor. Mittels folgenden CSS-Snippets lassen sich aber global alle auf ein Modul folgende Listen-Module anpassen, sodass die margin-top dieses angepasst bzw. entfernt wird:

.fl-module + .fl-module-list .fl-module-content,
.fl-module + .fl-module-list .fl-module-content ol,
.fl-module + .fl-module-list .fl-module-content ul{
  margin-top: 0;
}

Dieses ist zur Veranschaulichung hier bereits im Layout CSS hinterlegt. Mus aber bei Bedarf ins Website CSS übernommen werden.