Community Branding

Brand your community with your organization's colors and logos to create a consistent experience for your employees.

Your role must include the Can Manage Community Branding permission.

1. From the CSRconnect Admin Portal, Community setup, select Community, Community Branding.

2. Select a Primary Brand Color. Use the carets to switch between HEX, RGBA, or HSLA values.

3. Upload a Main Logo and Mobile Logo. Drag and drop the file from your computer or select Upload File to browse and select the file.

   • Main Logo: Use a transparent PNG with a 100-pixel height.

   • Mobile Logo: Use a transparent PNG with a 40-pixel height.

4. The Design Preview appears in the center of the settings so you don't need to scroll to see your changes.

5. Select Additional Color Options. These can match your Primary Brand Color or use accent colors from your company branding. All colors need to contrast with white, so choose darker colors for better accessibility.

   • Top navigation highlight bar: Shows which section of the navigation the user is currently viewing.

   • Primary button: Used for main actions, like Save or Submit.

   • Secondary button: Used for actions that aren't the main one, like Cancel. Dark gray works well for this color.

   • Text link color: Used for links. Blue is a common indicator of clickable links, so choose #3f66d5 or a similar shade.

   • Icon color: Applies to icons throughout the community.

6. In communities with segmentation, you can copy over the current settings to other segments.

   • Select Apply to Segments.

   • Select the segment(s) that will inherit these settings and select Apply.

   • Check the segment(s) again to confirm, then select Confirm and Apply.

7. Select Save Changes.