---
description: >-
  The "Text and Custom HTML" block is useful for overlaying a text paragraph on
  an image.
---

# Text and Custom HTML

{% hint style="success" %}
**Tip:** To add a block, the "[<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay)" section is required. Press **"Add block"** and choose the one in **Theme Blocks**. Drag and drop the block to the desired placement in a section.
{% endhint %}

Here you can insert a text paragraph in the **"Description"** placeholder and connect a page in the **"Custom HTML"**. Press "Select page" to choose the created page from the list or add a new one by pressing the button **"Create page"**. If you press the **"Create page"** button, you will be redirected to your _Shopify admin -> Online Store -> Pages_. Read details on how to create pages in the following [<mark style="color:blue;">article</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/faq/how-to-create-webpages).

Here is an example of how the text block can be displayed over the image:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FCPbH6v52bg1rOy2zX1tX%2Fimage%20with%20text_text%26html.png?alt=media&#x26;token=02d5f5fe-b487-4306-846e-933e5a90851c" alt=""><figcaption></figcaption></figure>

If you need to change the description color, use the **"Text"** picker. The same color as for the desktop can be applied to the mobile view by enabling the "**Apply color on mobile"** option.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fe8rMdyV0s6H4vSKjzbWy%2Fimage%20with%20text_text%26html_mob.png?alt=media&#x26;token=9c4c854e-7e5d-4145-bdaf-0780abc78c53" alt=""><figcaption></figcaption></figure>
