---
title: "Media-Teaser 50%, right"
url: "https://www.toujou.com/service/element-library/teaser-elements/media-teaser-50-right/"
date: 2021-03-11
modified: 2022-09-27
---

# Media-Teaser 50%, right

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Element library](https://www.toujou.de/service/element-library/)
4. [Teaser elements](https://www.toujou.de/service/element-library/teaser-elements/)
5. [Media-Teaser 50%, right](https://www.toujou.de/service/element-library/teaser-elements/media-teaser-50-right/)

   Media-Teaser 50%, right
=======================

A medium (original format) is displayed on the right with text displayed on the left side.

Item-ID: 02-004

 [Sample view](#c1009495) [Step by step guide](#c1009497) [Screen adaption](#c1009500)

    ![](https://www.toujou.de/_assets/processed/bzCBMvZv3G0T_YFUG6lSO8m_McTRJ4CVhdeNQpOsUIg/q:85/w:433/h:54/fn:Y3NtXzAyXzAwNC1JbWFnZV90ZWFzZXJfcmlnaHRfMjAwMF8yNTBfYmI3ZjQ2YmU2ZA:t/cb:8ee9589eef86294d28d07f09a7bf82c3e0d3c7a8/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9JY29ucy9Gb3JtYXRlL0JpYl8yMDAwXzI1MC8wMl9UZWFzZXJfRWxlbWVudHNfMjAwMF8yNTAvMDJfMDA0LUltYWdlX3RlYXNlcl9yaWdodF8yMDAwXzI1MC5wbmc)    Sample view
-------------

   ![](https://www.toujou.de/_assets/processed/iJsmT8ZTn1JkuW0_QID4MD4Q3AXffUwmGEU65XiaRM8/q:85/w:593/h:445/fn:Y3NtX2RlbW9fMDJfY2M4NDE1ODQyNw:t/cb:1c45b8f073e12d99344c4fcaf7272adc5baf7cfa/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZGVtby9kZW1vXzAyLmpwZw)

Lorem ipsum dolor sit amet, mollis vocibus at cum. Eos te iriure epicurei, in pri iisque eligendi. Et has recusabo sapientem, usu delectus recteque accusamus an. In doming luptatum vis, voluptua democritum mel at. Mei aeque vidisse intellegat et, vitae fabulas consulatu eum an, vis te justo noluisse.

[Beautiful Button](https://www.toujou.de/)

---

  Step by step guide
--------------------

     [ ![](https://www.toujou.de/_assets/processed/cOEhMWTAOpBrKMC89MIkd7Xu4l7T2nB2TJdVNvR7694/q:85/c:1092:614.24999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX21lZGlhdGVhc2VyX2NyZWF0ZV90ZWFzZXJfNTBfcmlnaHRfZW5fZTljMzNlNjJkZg:t/cb:e6ab5ea93c20f962163c5fea84be6984730b8f92/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzAyX1RlYXNlcl9lbGVtZW50cy9tZWRpYXRlYXNlcl9jcmVhdGVfdGVhc2VyXzUwX3JpZ2h0X2VuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/02_Teaser_elements/mediateaser_create_teaser_50_right_en.png) ### Create a teaser

- Click on the **+ Content** button to create any of the teaser elements.
- In the *Teaser Elements* tab, select the **Media-Teaser 50%, right**.

    [ ![](https://www.toujou.de/_assets/processed/gIfiUXU8TxlH-p8K06ezFOFpLPPwB2B6mDEWTT6z62I/q:85/c:1092:614.24999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAyXzAxNF8wMV9jaW5lbWF0ZWFzZXJfaW5zZXJ0X2FuZF9mb3JtYXRfdGV4dF9lbl8yNGNkOWRiNTlj:t/cb:958fe7a022ca907ad599792e8ecccda8be209e89/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzAyX1RlYXNlcl9lbGVtZW50cy9DaW5lbWFfVGVhc2VyXzMzLTY2LzAyXzAxNF8wMV9jaW5lbWF0ZWFzZXJfaW5zZXJ0X2FuZF9mb3JtYXRfdGV4dF9lbi5wbmc) ](https://www.toujou.de/fileadmin/toujou/element_library/02_Teaser_elements/Cinema_Teaser_33-66/02_014_01_cinemateaser_insert_and_format_text_en.png) ### Insert & format text

- Enter your text 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.

    [ ![](https://www.toujou.de/_assets/processed/ki8gRFhXbnAyY_r_J6fwvTWGj2G64i5pMHm7bRyMUjQ/q:85/c:1080:607.49999999999:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtXzAyXzAxNV8wMV9jaW5lbWF0ZWFzZXJfaW5zZXJ0X21lZGlhX2VuX2FkZTJkNzEzMWU:t/cb:e30a45392c8cd417a6fd8908f7397570bf199bcf/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzAyX1RlYXNlcl9lbGVtZW50cy9DaW5lbWFfVGVhc2VyXzMzLTY2LzAyXzAxNV8wMV9jaW5lbWF0ZWFzZXJfaW5zZXJ0X21lZGlhX2VuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/02_Teaser_elements/Cinema_Teaser_33-66/02_015_01_cinemateaser_insert_media_en.png) ### Insert media

- Click the **Add Media File, Select and Upload Files** or **Add Media by URL button** in the section *Media Items* to upload your media file.
- Select a file from your file list, upload a file to the appropriate folder or insert a video URL.

  ---

  Screen adaption
-----------------

 **The *Media-Teaser 50%, right* displays the text content you inserted next to a medium image.**

**Responsive**: If there is not enough space to display the text block and the media next to each other, the teaser media will be placed above the text block. Also, regardless of the original orientation, the correct display of teasers on small screen devices is guaranteed.
 **Worth noting**: The teaser always takes up the full width of the display screen. Please note that the teaser does not change the image media format.

---

 Linked topics
-------------

[toujou set-ups](https://www.toujou.de/service/toujou-set-up/) & [TYPO3 tutorials](https://www.toujou.de/service/tutorials/) related to this element description.

 [Text editing](https://www.toujou.de/service/tutorials/page-content/text-editing/) [Image editing](https://www.toujou.de/service/tutorials/page-content/image-editing/) [Filelist](https://www.toujou.de/service/tutorials/file-list-module/)