Customize the community to match a unique brand.
Branding allows Admins to customize the thematic elements of the community to match the desired look, style, and feel of their brand.
To incorporate branding, Admins can add:
Logo: The symbol or design used to identify a community.
Community Name: the name members identify the community.
Coloring: A community's color theme that is automatically used across your site. This determines the community's Primary, Background, Secondary, and Text colors.
Top Navigation: The top vertical menu that displays top-level items of a website's structure.
Update the two types of logos by clicking on your Profile Picture > Administration > Settings > General.
The Community Logo is the logo that appears on the community's top-left Navigation, as well as the top of the community's Email Notifications.
Click Update after the changes are made to see the final result.
The recommended ratio of the Community Logo is 2:1, at least 128px in height.
❗Important note: If no Community Logo is provided, the community's name (mentioned below) will be used by default.
The Squared Logo is a squared version of the Community Logo, used mainly as a favicon as well as the mobile home screen app logo.
Click Update after you made the changes to see the final result.
The recommended ratio of the Squared Logo is 1:1 ratio, 512x512 px.
The Community Name is how members identify the community. This will be displayed in many areas of the community. Type the name of the community and select the Update button to apply changes.
Customize the Community Colors
Liven up the community by selecting the brand's colors:
To customize coloring, click on your Profile Picture in the top-right > click Customizer.
Seven color templates are now available. To apply a template, simply click on one of the options, and view it in the previewer on the left-side. While these templates can be used as-is, templates can also be used as starting points, it can be further customized by configuring each color.
Define a set of 5 color pairs to configure the coloring of the community. The 5 color pairs are as follows:
Body – background color of the community
Text – text color that appears directly on the background of the community
Body – color of the cards (e.g. posts)
Text – text color that appears within cards
Body – color of the navigation bar at the top
Text – text color that appears in the navigation bar
Buttons & Labels
Body – color key items, such as buttons
Text – text color that appears within key items, such as buttons
Text – text color of links
Hover – text color of links when a user hovers over them
To configure colors, tap or click on the color, tap or click on the color to configure, then select a color of your choice through the color picker. Drag & drop the color indicators on the hue and shade pallets to select the desired color.
Or insert the brand's hexadecimal or RGB color code to select an exact match.
Tip: Admins can test and view changes as they go by viewing the preview of the community on the right.
Change the Community Font
Learn how to change the Community Font.
Click on your Profile Picture in the top-right > click Customizer.
Scroll down in the right menu of the customizer to find and select available Fonts.
Add Top Navigation
The top vertical menu displays top-level items of your community's structure.
Learn how to add Top Navigation
Click on your Profile Picture in the header > Click Customizer.
Hover over the top Navbar > click on the Pencil icon to edit.
In the Navbar editor, select the Stacked or Default style.
Click Add Navigation > enter a Label name for the new navigation link > Select an action > Click save.
❗Important note: "https://" must be included in the URL to be valid, except for using "mailto:"
White-Labelling: Remove the "Powered by Tribe" badge
By default, all communities display a Powered by Tribe badge in the bottom left corner and its email notification footers.
➕ This option is available on Tribe's Premium and Enterprise Plans.
To remove the Powered by Tribe badge from a community & email footers, follow the steps below:
1. Click on your Profile Picture > Administration > Settings > General.
2. Under Settings, scroll down to Permissions and toggle off “Display Tribe Branding” under the White label section.
Learn how to: