Cinema-Teaser 66%, right
Text with media in 3:1 format, media on the right in the ratio 66:33 with a full grid width.
Item-ID: 02-007
Sample view Step by step guide Screen adaption
Sample view
Step by step guide
Create a teaser
- Click on the + Content button to create any of the teaser elements.
- In the Teaser Elements tab, select the Cinema Teaser 66%, right.
Insert & format text
- Enter your texts into the text field.
- If you copy the text from another file, be aware of any formatting that may have been copied along with it.
- The text can be formatted directly in the text field (called Rich Text Editor), using the menu above the text field.
Insert media
- Click the Add Media File, Select and Upload Files or Add Media by URL button in the section Media Items.
- Select a file from your file list, upload a file to the appropriate folder or insert a video URL.
- Repeat this step if you are using more than one media.
Screen adaption
For the Cinema Teaser 66%, right the image on the right takes up 66% of the area, the text box on the left 33%. The image is displayed in a fixed ratio of 3:1.
Responsive: If there is not enough space to display the text block and the media next to each other, any teaser media will be placed above the text block. At the same time, regardless of the original orientation, the display of uniform teasers on small screen devices is guaranteed.
Linked topics
toujou set-ups & TYPO3 tutorials related to this element description.