# Image banner

***

**The Image banner** section is a perfect opener. A lightweight section that can present a full-width image.

### 1. Our guide to set up an Image banner section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section.**
* Locate **Image banner.**
* Click **Save.**
  {% endhint %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/98b4c6ed-4e1e-46a9-9339-4106d1052339/Screenshot%202023-11-16%20at%201.39.33%20PM.png" alt=""><figcaption></figcaption></figure>

### **2. Section blocks:**

<figure><img src="/files/8dSyIvQU0jb2LCjuzUbD" alt=""><figcaption></figcaption></figure>

* **Heading:** Use the provided text fields to add a suitable heading/description. Leave any of them blank if you do not want to display them.

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

* **Text & Caption:** Click the **Text/Caption block** to customize its content. Add the content to the Description field.

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

* **Countdown timer:** display a live countdown for an upcoming event or sale. Use this block to create a sense of urgency or anticipation for your customers.

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

* **Buttons:** Click the **Button** block to customize its content. Connect a page or other URL with the Link field.

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

### **3. Image banner section settings:**

* Click on the **Image banner** section to open the section settings.

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

* **Image**: Select or upload one image. There are no required image dimensions but we recommend an image that is landscape (wider than it is tall). We recommend uploading an image with a minimum width of 2048px for optimal quality.

You can add a **link** to redirect customers to your desired page. **Enable parallax effect** and change **Image** **overlay opacity** if needed.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/1820a910-9107-458e-b304-2e6f67841339/Screenshot%202023-12-19%20at%207.10.08%20PM.png" alt=""><figcaption></figcaption></figure>

* **Banner height**: Section height options include: **Small**, **Medium**, and **Large**. Choose **Adapt section height to image size** to display the original image shape.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/9b1fcf42-2bd5-4f6c-bbee-68ec62b1a8f1/Screenshot%202023-12-19%20at%207.23.45%20PM.png" alt=""><figcaption></figcaption></figure>

* Align the content to the Left, Center, or Right by selecting one of these options from the **Desktop/Mobile content alignment** setting **to build the best look for different devices.**

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/70aab6b5-4e70-48e6-90fd-56d369e6d5ee/Screenshot%202023-11-15%20at%203.31.32%20PM.png" alt=""><figcaption></figcaption></figure>

* Use the **Section width option** to control the maximum width of the **Image banner section** to **Full width** or **Fixed**.

{% tabs %}
{% tab title="Full width" %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/0ff00b39-d026-4e23-9cd0-e6cc03036942/Screenshot%202023-12-19%20at%207.32.09%20PM.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Fixed" %}

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/8d65c831-b7e8-475e-88db-5827d0027603/Screenshot%202023-12-19%20at%207.32.59%20PM.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# 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://help.inspiredtheme.com/articles/sections/sections-available-in-inspiredtheme/image-banner.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.