> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/theme-sections/contact-form.md).

# Contact form

The "Contact Form" section allows visitors to easily reach out with questions or feedback. It improves communication, enhances customer service, and makes connecting with the brand convenient.

<figure><img src="/files/5kptrG1ltSELgrkMZCte" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Contact form**
3. Make necessary changes. > **Save.**
   {% endhint %}

## General Settings

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

* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*
* **Content Width** - Narrow / Full width
* **Show phone number**&#x20;
* **Button style** - For button submit

### Colors

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

* **Background**
* **Text color**
* **Input background**
* **Input text**
* **Input border**

### Section padding

<figure><img src="/files/LBq81hS9G4lOzLHuSNRz" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Multicolumnt.**
2. **Add Column.**
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="/files/7yTdLtJerRz4csixIzsh" alt=""><figcaption></figcaption></figure>

* **Text filed** - Display input text
* **Dropdown feild** - Display select dropdown