• Brand Your Community: Logo, Community Name, Color, Font, Top Navigation, White-Label

    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:

        1. Background

          1. Body – background color of the community

          2. Text – text color that appears directly on the background of the community

        2. Card

          1. Body – color of the cards (e.g. posts)

          2. Text – text color that appears within cards

        3. Navbar

          1. Body – color of the navigation bar at the top

          2. Text – text color that appears in the navigation bar

        4. Buttons & Labels

          1. Body – color key items, such as buttons

          2. Text – text color that appears within key items, such as buttons

        5. Link

          1. Text – text color of links

          2. 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.

        1. Log in with your admin account > click on the Profile Picture on top-right > Administration > Customizer > Navigation > Top Navigation (a):

        1. 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.

    1. 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:

    1. Add a Custom Domain

    2. Add Spaces to the community

    3. Customizer: Navigation, Colors, Typography

    Still have questions?Β Check out the Community'sΒ [Topic: Branding] Q&AΒ or ask a new question in theΒ Support Space.

    1