> For the complete documentation index, see [llms.txt](https://help.inspiredtheme.com/articles/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.inspiredtheme.com/articles/sections/sections-available-in-inspiredtheme/image-banner.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.inspiredtheme.com/articles/sections/sections-available-in-inspiredtheme/image-banner.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.