BuddyBoss Platform

Profile Images

In this tutorial, you will learn how to set default images for profiles, to better customize your site for your brand and community. You can choose to use the default WordPress avatars (Gravatar), BuddyBoss avatars, or a custom image. You can allow members to upload avatars, cover images, and automatically sync profile photos from Gravatar.

You can define default images for:

  • Profile Avatars
  • Profile Cover Images

Setting the default profile avatar and profile cover image

You can choose to use the default WordPress avatars (Gravatar), BuddyBoss avatars, or a custom image as the default profile image of your members. To customize it:

  1. Go to WordPress Dashboard > BuddyBoss > Settings > Profiles.
  2. In the Profile Images section, in the Profile Avatars dropdown list select whether to use the BuddyBoss or WordPress avatar systems. For example, select BuddyBoss from the dropdown list. 
  3. In the Default Profile Avatar setting, select which image should be used for members who haven’t uploaded a profile avatar. You can upload a custom avatar image by clicking the Custom option and then click the Upload button.
Uploading a custom profile avatar image
  1. In the Default Profile Cover Image setting, select which image should be used for members who haven’t uploaded a profile cover image. You can upload a custom cover image by clicking the Custom option and then click the Upload button.
Uploading a custom profile cover image

The Preview Cover Image section displays a live preview of the avatar and cover image, click the Browser/App button to switch between the preview on web and app.

Preview the profile images on the web and app
  1. Click the Save Settings button to update the default avatar and cover images.
Preview of the custom profile images on the web

Customizing the Cover Image Sizes

You can choose to change the width and height of the profile cover images in profile headers.

Note: You must have the BuddyBoss Platform Pro (version 1.2.0 and higher) installed and activated on your site to unlock the new profile cover image sizes feature. 

To customize it:

  1. Go to WordPress Dashboard > BuddyBoss Platform > Settings > Profiles.
  2. In the Profile Images > Cover Image Sizes section, in the Width dropdown list select whether to use the Default or Full Width image width. For example, select Default from the dropdown list. 
  3. In the Height dropdown list, select whether to use the Small or Large image height. For example, select Small from the dropdown list.
Customizing the cover image sizes
Customizing the profile cover image sizes
  1. Click the Save Settings button to update the profile cover image sizes.

Note:

For Profile Avatars:

  • If “Profile Avatars” is set to “WordPress“:
    • The default WordPress avatar is used when a member hasn’t uploaded an avatar
    • If the WordPress default avatar set to “Blank” or “Avatar display” is disabled, a blank transparent image is displayed on the front-end
  • If “Profile Avatars” is set to “BuddyBoss“:
    • The image selected/uploaded for “Default Profile Avatar” is used when a member hasn’t uploaded an avatar
  • If “Upload Avatars” is disabled, members cannot upload profile avatars

For Profile Cover Images:

  • If Profile Cover Images is disabled:
    • No cover image section is displayed on profiles
    • Members cannot upload profile cover images
  • If Profile Cover Images is enabled:
    • A cover image section shows on member profiles
    • Cover Image Background color is used as the background of the section
      • For web, WordPress Dashboard > BuddyBoss > Theme Options > Body Elements > Cover Image Background
      • For app, (WordPress Dashboard > BuddyBoss App >  Branding > Colors > General > Cover Image Background)
    • Members can upload custom cover images
    • If “Default Profile Cover Image” is set to “None“, just the background color is displayed.

Configuring your profile photos

Questions?

We're always happy to help with questions you might have! Search our documentation, contact support, or connect with our sales team.