Skip to main content
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 month 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 1 MB

  • A minimum image width of 1400 px

  • A maximum image height of 300 px

  • A resolution of 72 dpi or greater

If the image is smaller than this, we will scale it to fit, which may result in some distortion; if the image height is too large, it will take up too much of the screen.

If you need to crop an uploaded image, ensure that the width remains at least 1400 px after editing. You can also use a third-party application, such as Paint, to resize the image if necessary.

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?