# 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 %}

### Section 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.

Decide on the position of the divider using the "Top", "Bottom", or "Both" options in the **"Dividing line"** drop-down. It will be hidden once you use the "None" option.

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.

### Transparent header

The provided setting is applied to the "[<mark style="color:blue;">Header - transparent</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/advanced-settings)" feature.

Enable the **"Invert header colors"** to link the color of the Header elements, such as navigation menus, Search, Compare, Favourites, Account, and Cart icons, to the "[Background](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/colors#background)" item under *Theme settings -> Colors -> Primary colors*. If the option is disabled, the color of the Header elements is related to the "[Base](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/colors#base)" item.

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%2FmMZR4ByrLu62raD3j61N%2Frich%20text_desktop.png?alt=media&#x26;token=6bee4b88-8812-4277-9193-8b106d7b7672" 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%2FhLqHlW7NJAiM30bkSeDU%2Frich%20text_mobile.png?alt=media&#x26;token=8d698480-c8d0-4792-9c67-04c766bfab7f" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}