Skip to main content

Amplify Site Settings: Banners & Icons

How Amplify Site Managers can add branding through banners and icons on their site

Brittany Crow avatar
Written by Brittany Crow
Updated this week

❖ Heads up! This article is only intended for Amplify Site Managers.

Add your organization's branding to your Get Connected site by uploading personalized banners and a favicon!

Banner requirements

Banners must be saved as a .jpg or .png and meet the necessary dimensions:

  • Desktop Banner: 1600 x 300px

  • Mobile Banner: 960 x 360px

How to add a banner

  1. Go to Settings > Main Settings > Site Design > Banners and Icons.

  2. Click Choose File for the banner you want to upload and select your file.

  3. Click Update Site Design Settings to save your changes.

How to make an interactive banner

You can make a banner interactive by adding a clickable URL to it.

  1. Go to Settings > Main Settings > Site Design > Banners and Icons.

  2. Beside the Make Banner Clickable field, click Yes.

  3. Copy and paste a URL in the field beside Banner Link URL.

  4. Click Update Site Design Settings to save your changes.

Banner Image Accessibility Text

Add text that a screen reader will read out loud when a user hovers over the banner in the Banner Image Accessibility Text field.

  1. Go to Settings > Main Settings > Site Design > Banners and Icons.

  2. Enter easy-to-read text that describes the banner image in the Banner Image Accessibility Text field.

  3. Click Update Site Design Settings to save your changes.

Adding a favicon to your site

A favicon is a small icon displayed in the browser tab and bookmarks bar. It helps users identify your site and makes it easier to find among their favorites. To create a favicon, you can either design a custom icon or resize your existing logo.

Favicon requirements

The favicon can be any size since it will be auto-adjusted to 15 x 15px after you upload it. The file must be a .jpg or .png.

How to add a favicon

  1. Go to Settings > Main Settings > Site Design > Banners and Icons.

  2. Look for the Favicon field.

  3. Select Choose File and select the file you wish to upload.

  4. Click Update Site Design Settings to save your changes.

Did this answer your question?