Community branding

Client admin users control the "global" branding for the community.

You must have the Can manage community branding permission enabled for your role. See Roles and permissions.

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

2. Select a Primary Brand Color. Use the caret icons to change 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: Transparent PNG recommended. 100-pixel height.

   • Mobile Logo: Transparent PNG recommended. 40-pixel height.

4. The Design Preview appears in the center of the settings to minimize scrolling. Use this section to view the results of the changes you make.

5. Select Additional Color Options. These can match your Primary Brand Color or they can be accent colors from your company branding. All colors will need to contrast with white, so we recommend against lighter colors for better accessibility.

   • Top navigation highlight bar: Indicates which section of the navigation the user is currently in.

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

   • Secondary button: Used for buttons that are not the main action, like Cancel buttons. We recommend dark gray.

   • Text link color: Used for text links. Because blue is often an indicator of clickable hyperlinks, we recommend #3f66d5 or similar.

   • Icon color: Used for some icons throughout the community.

6. In communities with segmentation, you can copy over the current community branding 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.