In the layout variant Image left, heading and text right (in separate column), the image is displayed to the left of the heading and text. By default, the image takes up approx. 1/3 (or 4/12) of the available width.
The elaborate teaser supports a range of element settings that can be used to customize the layout.
In a list, the element settings are applied to all elements in the list at the same time.
The following examples always use the same article and vary different element settings.
In the layout variants Image right, text left, the image can alternatively also be displayed to the right of the text.
In the layout variants Image left, heading and text right or Image right, heading and text left, the heading is not displayed above the image, but next to it.
The column width used by the image can be adjusted via the element settings. This allows the image to be displayed larger or smaller. The image can also be cropped to a specific format, e.g., as a square.
The configuration options for the image size are comparable to those of the Text and image formatter for the content section.
If the elaborate teaser is used directly on the page - i.e. not in a list - additional layout variations are available, comparable to those of the Text and image formatter for the content section.