# Hero Image

You can upload a [hero image](https://en.wikipedia.org/wiki/Hero_image) to the homepage or any **Basic**, **FAQ**, **Volunteer Signup**, and/or **Calendar** page type.

Make sure it's an attractive, high resolution (1440 x 800 pixels or higher) image.

**Instructions for the homepage:**

Click **Subpages > New Subpage** and be sure to name the slug "home\_hero". Otherwise, it won't be visible as a new section on the homepage.

Upload your image to **Files** from your computer. The filename can be anything you want.&#x20;

**Note:** We recommend cropping a separate version (400 x 300 pixels) to accommodate mobile devices. The filename MUST contain the word "mobile" for the theme to display it.

Add your hero text to **Content**. This text will serve as a Call to Action displayed over your hero image.

If you have designated a primary signup page under **Pages > Defaults**, a sign up form will show up over the hero image.

![](/files/-LqIZCLvOTS5OAP14ZUK)

**Instructions for other page types:**

Find your page in the dashboard by locating the Name or Slug you gave it. Click on it, then click **Files**.

Upload your image to **Files** from your computer. The filename MUST include the abbreviation "bg" in it (stands for background).

Add a `hero` tag to the page. This makes it so the theme registers that you want to display a hero image.

**Note:** We recommend cropping a separate version (400 x 300 pixels) to accommodate mobile devices. The filename MUST contain the word "mobile" for the theme to display it.

![](/files/-LqIZIsaxEQDJqgBap3U)


---

# 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://docs.chuckwalladesign.com/arrive-theme-features/hero-image.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.
