---
description: >-
  The pre-designed section "Rich text" allows engaging with the customers by
  adding any information like a brand advertisement, announcements, promotions,
  etc.
---

# Rich text

{% hint style="success" %}
**Tip:** This section can be added with the following blocks: "[<mark style="color:blue;">Heading</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text/heading)", "[<mark style="color:blue;">Text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text/text)", and "[<mark style="color:blue;">Button</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text/button)". Each block can be added only once.
{% endhint %}

### Layout

The layout settings change the look and feel of the section.

Choose one of the options "In-grid heading", "Heading on top", or "Heading top center" in the **"Layout"** drop-down.

To add a divider between sections, use the **"Dividing line"** to set the position: "Top", "Bottom", or "Both". The dividing line will be hidden once you use the option "None".

On the **"Top spacing"** and **"Bottom spacing"** scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.



In the following examples, you can view how the section might display on desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}
<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FA1Itizmvrwli1PORupTi%2Frich%20text_desktop.png?alt=media&#x26;token=040ea27e-eab9-4972-922f-fddd45fd969d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}
<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FknLxMQAJEFzfakdu1hfv%2Frich%20text_mobile.png?alt=media&#x26;token=b19c866c-36af-4190-a3f5-b054836519a2" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}
