---
title: Blockquote element description
url: "https://www.toujou.com/service/element-library/blockquote-elements/description/"
date: 2019-06-13
modified: 2022-09-27
---

# Blockquote element description

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Element library](https://www.toujou.de/service/element-library/)
4. [Blockquote elements](https://www.toujou.de/service/element-library/blockquote-elements/)
5. [Description](https://www.toujou.de/service/element-library/blockquote-elements/description/)

   Blockquote elements
===================

Quotes are styled text elements with and without images.

Item-IDs: 03-001 | 03-002 | 03-003 | 03-004 | 03-005 | 03-006 | 03-007

[Sample view](#c1005923) [Step by step guide](#c1005925) [Screen adaption ](#c1005927)

    ![](https://www.toujou.de/_assets/processed/qYdxAGiY7wJnom1qAvj_VK2oizatFS4EhuftIMJB1tg/q:85/w:433/h:108/fn:Y3NtXzAzX2Jsb2NrcXVvdGVfZWxlbWVudHNfOTllZmY2MzdiYg:t/cb:fc56ffdaf3a938e74d4ae20f2dcee1e024e0c11e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzAzX0Jsb2NrcXVvdGVfZWxlbWVudHMvMDNfYmxvY2txdW90ZV9lbGVtZW50cy5wbmc)  ---

  Sample views
--------------

 > Our task must be to free ourselves by widening our circle of compassion to embrace all living creatures and the whole of nature and its beauty.

– Albert Einstein

---

   ![Ein modernes Hotelgebäude mit einem großen Pool und grünen Rasenflächen umgeben von Bäumen und Liegen.](https://www.toujou.de/_assets/processed/1QAKfsN51iV8CNECKKwSzC2nih9fxh189X-tvh6dXzM/q:85/c:387:387:fp:0.5:0.5/rt:force/w:112/h:112/fn:Y3NtXzY4OHgzODdfSG90ZWxfYWRiNTBjY2RkMw:t/cb:7a488ac50402c9a96474a2fd28c2fc9ac05270c3/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X0hvdGVsLnBuZw)> Had a lovely stay in this hotel. Will definitely reccomend it to friends and family. Might come back next year.

 One Customer   ![Ein stilisierter Pagodenbau mit mehreren Ebenen und goldener Spitze, umgeben von einem kleinen Garten und Zäunen.](https://www.toujou.de/_assets/processed/QsIypbbpVa1nlrH1LLhJySKLhKD8RLma9x0ueb0GsWM/q:85/c:387:387:fp:0.5:0.5/rt:force/w:112/h:112/fn:Y3NtXzY4OHgzODdfdGVtcGxlXzFjMTVkYjY1YjM:t/cb:6ef820cebb5d446970b97472c73df58d52c19967/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X3RlbXBsZS5wbmc)> The views and sightseeing were just perfect. Can't wait to explore the rest of the sights.

 Another Customer  ---

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

     [ ![](https://www.toujou.de/_assets/processed/ObjuwAFyZw97Qd344-GZYHc0FLpw4dFpEHuBM0ZGKVE/q:85/w:432/h:270/fn:Y3NtXzAzXzAxX0VsZW1lbnRfd2FlaGxlbl9iZDQwNGU5OTlk:t/cb:cc7943923bcdc53b252389059c4fc7d6704b85ae/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzAzX0Jsb2NrcXVvdGVfZWxlbWVudHMvMDNfMDFfRWxlbWVudF93YWVobGVuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/03_Blockquote_elements/03_01_Element_waehlen.png) ### Create quotes

- Click the **+ Content** button to create a blockquote element.
- In the *Blockquote Elements* tab, select the element of your choice.

    [ ![](https://www.toujou.de/_assets/processed/zjYQUsWbh4cGK9_kiftzqXKk0q7w__zDqkxSi8FD24o/q:85/w:432/h:270/fn:Y3NtXzAzXzAyX1ppdGF0X2VpbmZ1ZWdlbl81NmU4MTlkNTBk:t/cb:bbe046b9728539ff17d0db7885f82400169b093a/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzAzX0Jsb2NrcXVvdGVfZWxlbWVudHMvMDNfMDJfWml0YXRfZWluZnVlZ2VuLnBuZw) ](https://www.toujou.de/fileadmin/toujou/element_library/03_Blockquote_elements/03_02_Zitat_einfuegen.png) ### Insert and format text

- Enter the quote(s) into the editor and the author(s) of the quote.
- If you copy the text from another file, pay attention to possibly copied formatting.
- The text can be formatted directly within the rich text editor, with the help of the menu above the editor.

    [ ![](https://www.toujou.de/_assets/processed/b9t3rjoRuG9xIYBX6PkdFJNBBAXib983h-EXArQyBKY/q:85/w:432/h:270/fn:Y3NtXzAzXzAzX0JpbGRfZWluZnVlZ2VuXzM4MDBlNmQ4NzQ:t/cb:8e78a25dff1d986746084d07028691436b989465/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvZWxlbWVudF9saWJyYXJ5LzAzX0Jsb2NrcXVvdGVfZWxlbWVudHMvMDNfMDNfQmlsZF9laW5mdWVnZW4ucG5n) ](https://www.toujou.de/fileadmin/toujou/element_library/03_Blockquote_elements/03_03_Bild_einfuegen.png) ### Insert pictures

- If offered, click on the **Add image** button.
- Select an image file from your file list or upload a file to the appropriate folder.

  ---

  Screen adaptation
-------------------

 The use of the *blockquote* element is equal to any text formatting and can be applied to any paragraph in the text editor.

**Responsive** **behaviour**: All blockquotes and their corresponding images are displayed next to each other on small devices, with the image on the left side of the quote.

**Worth noting**: Multiple quotes can also be displayed without images as simple quotes. The formatting and labeling of the blockquote depends on the theme and templates used.

---

 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/)