Allows to change the element layout using predefined CSS modifications.
Please note that a specific element may not support all listed modifications.
Teaser display(Select box)List only
Controls how the teaser is displayed:
Default: This is the default setting.
Reduced: The heading is displayed in a smaller font size.
Minimal: The heading is displayed in an even smaller font size. The margin between the teasers in the list and the padding of the link button is smaller.
Mobile shortened: On smaller screens the heading and the date of the teaser is shown, but the preface text is not shown.
Layout(Select box)List only
Controls how the heading, the image and the text are arranged.
Layout(Select box)Page only
Controls how the heading, the image and the text are arranged.
Image size (mobile)(Select box)
Controls if and in which size the image is displayed for small "mobile" size screens.
In this case, "mobile" means screen size XS and SM.
Image size (desktop)(Select box)
Controls if and in which size the image is displayed for large "desktop" size screens.
In this case, "desktop" means screen size MD, LG, XL and XXL.
Image format (mobile)(Select/combo box)
The image format for small screens like smartphones.
Allows you to set the image size based on common formats.
The image will automatically be scaled so that the original pixels are best fitted to the selected target format.
Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.
Image format (desktop)(Select/combo box)
The image format for large desktop screens.
Allows you to set the image size based on common formats.
The image will automatically be scaled so that the original pixels are best fitted to the selected target format.
Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.
Teaser text length(Text input)
Sets the maximum length (number of letters) of the displayed teaser text, usually generated from the preface.
Special care is taken to ensure the text is cut off after whole word or sentence.
Enter a value of -1 to always output the full text.
If the content contains adjusted teaser data for lists, text entered there as preface will not be cut off.
Teaser headline(Select/combo box)
Controls the importance level of the teaser headline in the list elements.
This is relevant for search engines (SEO) and will not change the visual "size" of the teaser headline.
Date format(Select/combo box)
Controls whether, and if yes how the date is displayed.
Instead of the presets, you can also manually enter any format.
If you for example enter "EEE, dd-MM-yy", an output like "Sun, 01-10-17" is generated.
Detailed information about custom formats is available in the documentation about
Java date formatting.
Title display(Select box)
Allows to optionally display additional title fields, e.g. the intro field.
Mouse effect(Select box)
Adds an effect that is triggered if the mouse is moved over the element.
The effect is disabled for mobile devices.
Button label(Text input)
Sets an individual label on the button that is used to show a list entry.
If 'none' is set, the button is not shown at all.
If this is not set (left empty), a default text is used that varies by list entry type.
Show image copyright(Check box)
Controls if the copyright information for teaser images is displayed as an overlay.