Studio User Manual / Version 2406.0
Table Of ContentsFor specific views of certain content types, such as the "Hero Teaser" view of an article or teaser, you can freely position and style an overlay containing the teaser text. If you have added a call-to-action button (see Section 4.6.9.3, “Setting a Call-to-action Button” for details), this button will be positioned inside the overlay together with the text.
In the Content tab of the content item open the Teaser panel.
Only the content of the Teaser Text field is used for the movable text. The content of the Teaser Title field is omitted.
Expand the Style section of the Teaser panel to select a global style for the text. The style defines the appearance of the overlay and its inner elements such as the font color and background.
Your available styles may differ from the styles in the image below.
Enter your text in the text field (1) and use the buttons in the toolbar (2) to format your text. You can choose a style, format the text as bold or italic and select the text alignment per paragraph. See Section 4.6.3, “Rich Text Editing” for details about text formatting.
Expand the Style section of the Teaser panel to see the position menu. First, you have to select a style to activate the position menu. You can either click on of the squares in field (1) to position the overlay at the corresponding location in the image or use the sliders (2+3) to position the text more precisely.
With the Width slider (4), adapt the width of the overlay.
When you want to link from the teaser to the detail page of the content, select the Render Link To Detail Page checkbox (3).
