Manage community header images and descriptions

Header images/descriptions distinguish and describe communities, informing users on what content they will find in the community.

Anna Brogan avatar
Written by Anna Brogan
Updated over a week ago

The picture below shows the header image and overlaid description from University of Indiana's Government, International Affairs, and Public Policy career community.

You can edit both the description and header image from your admin dashboard to customize the look and content of your communities. You can change where the title and description appear by choosing the layout that works best for your platform.

*Best Practice: Use the ‘Description’ option to display a short amount of text either on the header image or directly underneath the image. Use the ‘Edit Static Content’ option to create a more advanced layout that can feature images, accordion blocks, videos and more. Below we’ll outline the steps for each of these options to help you determine which layout you should use based on your content.

Set a header image:

  1. Navigate to Manage > Communities > hover the mouse over the desired community and click Edit

  2. Scroll down and Click Select Image

  3. Choose an image from the media library or add a new one by selecting Upload Files and choose one from your computer

  4. Add alt text on the right side when uploading the image

  5. Click Select to save the image

Note: The minimum photo size is 2100x700px or 3:1ratio.

Add (or edit) a community description:

  1. Navigate to Manage > Communities > hover the mouse over the desired community and click Edit

  2. Type the description in the field marked Description

  3. For the best look, keep the description length consistent across all your career communities. The recommended length is 50 to 60 words per description.

Edit the community layout (placement of title and description):

  1. Navigate to Manage > Communities > hover the mouse over the desired community and click Edit

  2. Scroll down below where you just added a header image and select the layout that you wish to apply

  3. Select Update (bottom of page)

Add (or edit) a community description using the block editor for a more advanced visual layout:

The space below the header image is important to let users know what content they will find in that community. It should provide a short description of the community, and can also be used to display important information relevant to that community. If you prefer to have more content in this space than a general text description, using the block editor to edit static content will be your best option.

Here is an example from uConnect’s demo site showing text and accordion blocks built with the block editor, with the second image showing an accordion block expanded to view the full text. Accordion blocks can be used to display text, while reducing scrolling at the same time.

Follow these steps to add static content in addition to basic text in this area of your community:

  1. While in the community scroll down below the header/description layout and select ‘Edit Static Content’.

  1. From there you will be directed to the block editor where you can add blocks to build your layout.

For Support on how to use the Block Editor please review these additional Resources:

  1. Self Paced Training Academy: Block Editor Beginner Basics

Did this answer your question?