---
title: "Chapter in toujou: Use case, tutorial, pieces of advice"
url: "https://www.toujou.com/service/element-library/widgets/chapter/"
description: Description of the toujou element Chapter based on TYPO3 ❘ For storytelling on your website ❘ All information → toujou.com
date: 2021-05-17
modified: 2026-01-16
---

# Chapter in toujou: Use case, tutorial, pieces of advice

1. [Home](https://www.toujou.de/)
2. [Service](https://www.toujou.de/service/)
3. [Element library](https://www.toujou.de/service/element-library/)
4. [Widgets](https://www.toujou.de/service/element-library/widgets/)
5. [Chapter](https://www.toujou.de/service/element-library/widgets/chapter/)

   Chapter
=======

With the chapter element you can define individual areas on a page of your website, where individual designs can be deposited and individual chapters can be created.

[Step by step guide](#c1009859) [Screen adaption](#c1009862)

---

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

   ### Choose the element

- To select a new element, first click +Content and select the *widgets* tab.
- Click on the **Chapter** icon.

  ### Select custom CSS

- In the *Content* tab, the *Chapter custom CSS classes* section offers you the option to select the desired classes.
- To do this, click the **drop-down menu** on the right and select the appropriate class(es).

   **Please note**: Before using the Chapter element, the CSS classes selection must be defined and enabled. To get the CSS classes, please don't hesitate to contact our [support team](mailto:support@toujou.com).

---

 Screen adaption and pieces of advice
------------------------------------

**The chapter element can be described as a chapter of a book, where CSS classes can be stored. These customizations are then only valid for the corresponding area and allow for detailed individualization on a page. A chapter ends automatically with the start of a new chapter.**

**Worth noting:** Each chapter needs its own name on each page so make sure you're providing each chapter with its own name.

Chapters are essential for the use of the [automatic inpage navigation](https://www.toujou.de/service/element-library/navigation-elements/auto-inpage-navigation/#c1009846) because they provide reference points. For this reason, give the chapters the name that will correspond with what appears in the front end.

Chapter implemented in the [footer](https://www.toujou.de/service/tutorials/pages-navigation/toujou-footer/) of a website does not have any impact on the frontend. The desired behavior should always be defined using [HTML](https://www.toujou.de/service/element-library/html/) elements.

---

  [   ###   All text elements

 ](https://www.toujou.de/service/element-library/text-elements/#c1002484) [   ###   All elements at a glance

 ](https://www.toujou.de/service/element-library/#c1004331) [   ###   All tutorials at a glance

 ](https://www.toujou.de/service/tutorials/#c1004326)