> For the complete documentation index, see [llms.txt](https://docs.chuckwalladesign.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chuckwalladesign.com/arrive-theme-features/hero-image.md).

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

**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)