In diesem Beitrag finden Sie eine Design Idee, die Sie als Header Bereich oder auch in den Content mit einbinden können. Hier brauchen wir drei Abschnitte. Bevor wir uns den drei Abschnitten widmen, wird erst das Layout bearbeitet. 

Unter Layout passen Sie die Höhe auf die Min. Höhe an. Unter Höhe können Sie auch den Wert der Mindesthöhe anpassen. Somit können Sie dies auf den Wert 600 einstellen. Als letztes passen Sie die Farbe an.

In den ersten Abschnitt fügen Sie die Widgets, Überschrift und Bild ein. Passen Sie hier nun die Überschrift an und Zentrieren Sie die Ausrichtung der Überschrift. Sollte Ihre Überschrift zu lang sein, können Sie in die Überschrift <br> einfügen, sodass dies sich in zwei Teile spaltet. Passen Sie nun die Farbe der Überschrift noch an.

Nachdem Sie die Überschrift angepasst haben, können Sie auch das Bild einfügen. Das Bild wird im Stil angepasst. Die Breite wird nun auf 80 angepasst und die Höhe auf 330. Dieselben Werte sollten wir uns merken, da Sie in den nächsten beiden Abschnitten dieses auch verwenden. 

 Der erste Abschnitt ist hiermit fertig. Nun kommen wir auch schon zum zweiten Abschnitt. Hier fügen Sie die Widgets das Bild, wie auch den Texteditor ein. Das Bild ist hiermit über dem Text. Fügen Sie nun ein Bild hinzu und passen Sie im Stil die Werte an. Im Textbereich können Sie Ihr Content einfügen. Nun ist auch die zweite Spalte soweit fertig. Die letzte Spalte besteht in diesem Beispiel nur aus einem Bild. Fügen Sie hier das Widget hinein und wählen Sie auch ein passendes Bild aus. Unter Stil können Sie auch hier dieselben Werte im Stil anpassen. Nachdem Sie diese Schritte befolgt haben, würde der Bereich nun wie folgt aussehen.