> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/rich-text.md).

# Rich text

## For Customers

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/pA231W1lLmeiUDoa36GI/%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=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/tkAyCqitc0rY2GZgmhJH/%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=""><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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/91bvLRJNENU5pVQfT5fj/Untitled%20(6).png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/HP3gL6fdp4zmqbjaTV4s/Untitled%20(7).png" 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**.