> ## Documentation Index
> Fetch the complete documentation index at: https://withforerunner.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Displaying a banner

> Display important announcements on your public website

The information banner allows you to display urgent messages or announcements at the top of every page on your public website. Use it to communicate time-sensitive information like office closures, emergency updates, or important deadlines to residents visiting your site.

## When to use a banner

The banner is designed for important, temporary communications:

* **Emergency alerts** - Flood warnings, evacuation notices, or disaster updates
* **Office closures** - Holiday hours, weather closures, or temporary shutdowns
* **Deadline reminders** - Permit deadlines, grant application windows, or compliance dates
* **Service disruptions** - System maintenance, processing delays, or contact changes
* **Important announcements** - Policy changes, new services, or community updates

<Tip>
  Keep banner content focused and timely. For permanent information, use your main community website or the public website's standard content areas instead.
</Tip>

## Adding a banner

<Steps>
  <Step title="Open public website settings">
    Navigate to **Settings** > **Account** > **Public Website**.
  </Step>

  <Step title="Find the banner section">
    Scroll to the **Information banner** section.
  </Step>

  <Step title="Enable the banner">
    Check the **Display banner** checkbox to enable the banner on your public website.
  </Step>

  <Step title="Enter banner content">
    Type your message in the content editor. You can format text using the toolbar:

    * **Bold** for emphasis
    * *Italic* for secondary emphasis
    * Underline for additional highlighting
    * Bullet lists for multiple points
    * Numbered lists for sequential items
    * Links to direct residents to more information
  </Step>

  <Step title="Select a banner color">
    Choose a background color for your banner from the color picker. Colors are designed for accessibility with appropriate text contrast.
  </Step>

  <Step title="Save your changes">
    Click **Update** to publish the banner to your public website.
  </Step>
</Steps>

<Check>
  Your banner is now visible on all pages of your public website. Visit your public website to verify it appears correctly.
</Check>

## Banner colors

Choose a color that matches the tone of your message:

| Color           | Suggested use                                 |
| --------------- | --------------------------------------------- |
| **Red**         | Urgent alerts, emergencies, critical warnings |
| **Orange**      | Important notices, deadline reminders         |
| **Green**       | Positive announcements, service restorations  |
| **Blue**        | General information, updates                  |
| **Gray**        | Neutral announcements                         |
| **Black/White** | Formal communications                         |

You can also use your account's brand color for consistency with your community's visual identity.

<Note>
  Text color (black or white) is automatically selected based on the background color to ensure readability.
</Note>

## Formatting banner content

The banner editor supports markdown formatting:

### Text formatting

* `**Bold text**` for emphasis
* `*Italic text*` for secondary emphasis
* Underline using the toolbar button

### Lists

Create bullet points or numbered lists for multiple items:

```
- Office closed December 25-26
- Limited hours December 24 and 31
- Normal hours resume January 2
```

### Links

Add links to direct residents to more information:

```
Visit our [emergency page](https://yourcity.gov/emergency) for updates.
```

### Best practices for content

* Keep messages concise—aim for 1-2 sentences
* Lead with the most important information
* Include dates and times when relevant
* Provide a link for more details when appropriate
* Avoid jargon or technical terms

## How residents see the banner

When you enable a banner:

* It appears at the top of every page on your public website
* Residents can dismiss the banner by clicking the close button
* Dismissed banners stay hidden for the browser session
* The banner reappears if the resident returns in a new session or clears their browser data

### Long content

If your banner content is longer than two lines:

* Content is initially truncated
* A **Read more** link appears
* Residents can expand to see the full message

<Tip>
  Test your banner on both desktop and mobile to ensure it displays well on all devices.
</Tip>

## Updating a banner

To change an existing banner:

1. Navigate to **Settings** > **Account** > **Public Website**
2. Edit the banner content or color
3. Click **Update** to save changes

Changes take effect immediately on your public website.

## Removing a banner

To remove a banner from your public website:

1. Navigate to **Settings** > **Account** > **Public Website**
2. Uncheck the **Display banner** checkbox
3. Click **Update** to save

The banner is immediately removed from all pages. Your content and color settings are preserved, so you can quickly re-enable the banner later if needed.

## Examples

### Emergency closure

> **Our office is closed due to severe weather.** We will reopen when conditions improve. For emergencies, call 555-123-4567.

**Color:** Red (urgent)

### Deadline reminder

> **Flood insurance renewal deadline: March 31.** Contact your insurance agent to ensure continuous coverage. [Learn more about flood insurance](https://floodsmart.gov)

**Color:** Orange (important notice)

### Service restoration

> **Online permit applications are back online.** Thank you for your patience during maintenance. [Submit your application](/permits)

**Color:** Green (positive update)

### General announcement

> **New flood maps effective January 1, 2025.** Check if your property's flood zone has changed. [Search your property](/)

**Color:** Blue (informational)

## Troubleshooting

<AccordionGroup>
  <Accordion title="Banner not appearing on public website">
    **Check that:**

    * The **Display banner** checkbox is enabled
    * You clicked **Update** to save changes
    * Both content and color are set (both are required)

    Try refreshing your public website or viewing in an incognito window.
  </Accordion>

  <Accordion title="Can't save banner settings">
    **Common causes:**

    * Banner content is empty (required when display is enabled)
    * No color selected (required when display is enabled)

    Ensure both content and color are provided, then try saving again.
  </Accordion>

  <Accordion title="Banner text is hard to read">
    Text color is automatically selected for contrast. If readability is an issue:

    * Try a different background color
    * Simplify your content
    * Contact your CSM if problems persist
  </Accordion>

  <Accordion title="Residents report banner keeps reappearing">
    Banner dismissal is stored in the browser session. The banner will reappear if residents:

    * Close and reopen their browser
    * Clear browser data
    * Use a different device

    This is expected behavior to ensure important messages reach residents.
  </Accordion>
</AccordionGroup>