Add or edit a project banner

Understand how to add and edit your project banner

Gayathri Rajendiran avatar
Written by Gayathri Rajendiran
Updated over a week ago

The Project Banner is an image displayed across the top of your project. Depending on your settings, this image is controlled by your theme, configured for each project, or a mixture of both.

To add a banner image to individual projects, the Enable custom project page banners setting must be on in your theme. If your project banner won't display, please contact your Site Administrator for assistance.

Your banner image should be relevant to your project and can be in .jpg, .jpeg, .png, or .gif format. For best results across devices, we recommend:

  • A file size no greater than 1MB

  • A minimum image width of 1400px

  • A resolution of 72dpi or greater

If the image is smaller than this, we will scale it to fit, which may result in some distortion. If you need to crop an uploaded image, ensure that the width remains at least 1400px after editing.

To add a Project Banner image:

  1. Select Add Banner on your project page.

  2. On the Upload Images tab, select Click to upload to use your own image, or go to the Images by Unsplash tab to search for and select an Unsplash image to use.

  3. To configure your image, go to the Edit image tab. You can drag the viewing window to change which portion of the image displays and use the controls:

    • Crop: select an image ratio of 16:9, 4:3, 1:1, or Free.

    • Rotate: rotate your image to the left or right.

    • Mirror: flip your image horizontally or vertically.

  4. Select Reset if you need to discard your changes.

  5. Save when you’re finished, and remember to Preview it before you Publish your project.

To change or edit your banner, select Edit Banner; to remove it, select the bin icon.

What else?

Did this answer your question?