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

![](https://1878290726-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lp-PiZWxM6zB-tp6pho%2F-LqIWkHyrOoO9sp_Zc3N%2F-LqIZCLvOTS5OAP14ZUK%2Fhome-hero.png?alt=media\&token=3ce4a384-1ded-4405-87e0-560859789964)

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

![](https://1878290726-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lp-PiZWxM6zB-tp6pho%2F-LqIWkHyrOoO9sp_Zc3N%2F-LqIZIsaxEQDJqgBap3U%2Fhome-hero.png?alt=media\&token=285803ba-1673-4e2f-bb8c-680ba69bc0e6)