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 a brand. To incorporate branding, Admins can add and edit:
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.
Font: Pick from one of the fonts available that will be reflected across the community.
Top Navigation: The top vertical menu that displays top-level items of a website's structure.
Customize Logo & Community Name
Log in with your admin account > click on the Profile Picture on top-right > Administration > Settings > Community settings > Upload Community logo and Squared logo and Add/Edit the Community Name > Click on the Update button to save the changes:
Community Logo: Appears on the community's top-left Navbar, as well as the top of the community's Email Notifications:
If no Community Logo is provided, the community's name (mentioned below) will be used by default.
Squared Logo: A squared version of the Community Logo, used mainly as a favicon as well as the mobile home screen app logo.
Community Name: The Community Name is how members identify the community. This will be displayed in many areas of the community. Add or Edit the Community Name > Click on the Update button to save the changes.
Customize the Community Colors & Typography (Font)
Log in with your admin account > click on the Profile Picture on top-right > Administration > Customizer >
select Colors to change the community coloring
OR
select Typography to change the community font
Pick a Color Theme or Customize the Colors:
To apply a color theme, simply click on one of the available theme options. To customize the coloring, click the Customize button:
Customize Colors:
While these templates can be used as-is, templates can also be used as starting points and can be further customized by making adjustments to the Colors section. To configure colors, click on each color and then select a color of your choice or insert the brand's hexadecimal or RGB color code to select an exact match:
Background
Body β background color of the community
Text β text color that appears directly on the background of the community
Card
Body β color of the cards (e.g. posts)
Text β text color that appears within cards
Navbar
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
Link
Text β text color of links
Hover β text color of links when a user hovers over them
Typography:
Click on one of the available fonts and save the changes.
Add or Edit Top Navigation
The top vertical menu displays top-level items of the community's structure.
Log in with your admin account > click on the Profile Picture on top-right > Administration > Customizer > Navigation > Top Navigation (a):
From the Top Navigation menu:
Select the Stacked style.
Click on the existing Navigation Items to edit the Label and the Link.
Click on the Trash icon in front of each item to remove it.
Click on Add navigation to add a new item.
Save changed.
White-Labeling: Remove the "Powered by Tribe" badge
By default, all communities display a Powered by Tribe badge in the bottom left corner and in email notification footers.
To remove the Powered by Tribe badge from a community & email footers, login to the community with your admin account > Administration > Settings > Community Settings > Scroll all the way down > Turn off the toggle in White Label section > Update.
β This option is available on Tribe's Premium and Enterprise Plans.
What's Next?
Learn how to:
Still have questions?Β Check out the Community'sΒ [Topic: Branding] Q&AΒ or ask a new question in theΒ Support Space.