# Rich text

## For Customers

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FpL09VVS2ici2z6mexaf1%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-20%20%D0%B2%2010.28.57.png?alt=media&#x26;token=924ec115-dd35-480b-8d6a-db646b8243a3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FY8uZNvW1ibFSN7n6LxCn%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-02-20%20%D0%B2%2010.30.41.png?alt=media&#x26;token=2583a010-857b-40f1-8133-f74b6f5a8b47" alt=""><figcaption></figcaption></figure>

## Adding a section

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Rich text`**.

## Section settings

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FDXQFREZgVGtn35oiuF5u%2FUntitled%20(6).png?alt=media&#x26;token=467434f4-8de2-46dc-82e8-0cd0345ecd55" alt=""><figcaption></figcaption></figure>

### General

1. **`Heading`** - setting allows you to set the text for the title;
2. **`Subheading`** - setting allows you to set the text for the subtitle;
3. **`Text`** - setting allows you to set text content;
4. **`Text alignment`** - alignment of the text in the section. Can be “Left”, “Center”, “Right”;
5. **`Enable read more button`** - enable the “Read more” button to hide most of the text and show the “Read more” button that can show the full text;
6. **`Read more button label`** - a button text when part of the text is hidden;
7. **`Show less button label`** - a button text when text is visible.

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FVU6xuSDSqU0wJo71ZsVn%2FUntitled%20(7).png?alt=media&#x26;token=3bd982d6-28b6-45a1-b882-49ae716840c8" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.
