# Contact form

### Heading

Use the **"Heading"** placeholder to add a section title.

To set up the color of the title, use the **"Color"** picker. Here you can paste the hex code into the corresponding field or select the color using the paint palette. The color settings will be used for both desktop and mobile.

### Paragraph

Use the **"Paragraph"** input field to add some descriptive text lines to the section that will appear under the heading. If you do not need to display text paragraphs, leave the field blank.

The color of the description can be set in the **"Color"** picker. The color you apply to the item will be used for both desktop and mobile.

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

Use the **"Mobile alignment"** settings to change the alignment of the heading and description to "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.

To add a divider between sections, use the **"Dividing line"** to set the position: "Top", "Bottom", or "Both". The dividing line will be hidden when you select 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>](/unicorn-shopify-theme/theme-settings/advanced-settings.md)" 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.

Check the following examples of how the section might be displayed on desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="/files/UQedxbx19uu17OK08yBL" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="/files/C127V8S3JpTw2jtPKneI" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="success" %}
**Tip:** Contact form input texts can be edited in your *Shopify admin -> Edit default theme content-> Theme Content*.
{% endhint %}

* Press the dotted \[...] button in the top left corner to navigate to Theme content:

<figure><img src="/files/qJycPT6yjY6q2SEk30W8" alt=""><figcaption></figcaption></figure>

* Then, choose the tab "Templates" and scroll down to the **"Contact form"**:

<figure><img src="/files/dMPSm6lrIdnTjq6bfOUa" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/contact-form.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.