# Events

Live demo: <https://arrive.chuckwalladesign.com/events>

1\. In the dashboard, click **Website > New Page** to create a new page. You can type anything under Name and Slug, but we prefer to use "Events" to indicate what the page is for. Make sure the page type is **Calendar**.

![](https://1878290726-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lp-PiZWxM6zB-tp6pho%2F-LqI-RxTnvlsTgYduq04%2F-LqI0U8hJKzUX8sRDoN0%2Fcreate-events-page.gif?alt=media\&token=acc70e79-8da4-478d-8e9e-7c2ecf756232)

2\. It's important to upload a [hero image](https://en.wikipedia.org/wiki/Hero_image) and text. Make sure it's an attractive, high resolution (1440 x 800 pixels or higher) image of an individual or group attending one of your campaign's events.

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.

3\. You can create events by clicking **Events & subpages**, filling out **Name** and **Slug**, then filling out **Event details**.&#x20;

To enable people to find events near them, checkmark "Filter events by distance". To enable a Goole Maps powered map with pins placed at event locations, checkmark "Show map of all events".&#x20;

For more info on what these settings do and how to configure them, read [NationBuilder's documentation on Calendar pages](https://support.nationbuilder.com/en/articles/2319699-organize-events-with-the-calendar).

![](https://1878290726-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lp-PiZWxM6zB-tp6pho%2F-LqI-RxTnvlsTgYduq04%2F-LqI5fjG43JuimO_t6s-%2Fevents-showcase.gif?alt=media\&token=cf858c53-a6cc-42b7-bd0d-60c506d046ea)
