Highlighting/Teaser

Create "Highlight/teaser" type

  • Select the "Highlight/teaser" type via the "Typical page content" selection. You can change an already selected page content type to a "Highlight/teaser" type at any time via the pull-down menu of the page content element.
  • You can now add a heading to the teaser. You can also link this headline by filling in the "Link" field. You can select the appropriate forwarding between three options "More", "Next" and "Info" via the "Label More buttons" field.
  • Use the "Style (solid or outline)" and "Color" and "Text" fields to define the form and content of the teaser.
  • You can also create an additional link below the text input.
  • Save the entries in each case.

Notes on the use of color

  • When using multiple colors, make sure that the overall picture is harmonious.
  • Use light variants for areas with lots of colored highlights!
  • Use rich variants for single-column modules or boxes to create accents and visual emphasis!
  • A maximum of two colors should be combined per subpage (+ grayscale).

Light blue

Rich blue

Light green

Lush green

Petroll bright

Rich petrol

Exception with intermediate lines

Teaser with lines

fully colored or with contour only

with or without headline

with or without link markup

How do I get the lines between the text lines?

  • Insert exactly three hyphens between each line of text in the "Text" field.

Exception with numbering

Numbered list

  1. free choice of color and contour here as well
  2. with or without heading or link markup
  3. but with numbered list

How do I get the numbered list between the text lines?

  • Insert exactly three hyphens between each line of text in the "Text" field
  • Insert a numbered list before the text.
To top