Create and Manage Themes in CX for User Community

Configuring a theme in Content Experiences (CX) for User Community enables you to customize your brand’s colors, typography, and the design of the top and side navigation bars for your Guides and Landing Pages. Applying a theme ensures content aligns with your brand identity or campaign. Once your brand colors are set, you can easily reuse them across all the above solutions.

For organizations managing multiple brands or campaigns with distinct user identities, you can create separate themes to apply unique styles to each. Instead of building a new theme from scratch, you can duplicate and modify an existing one as needed, saving time and effort.

Note: 

How to Create a Theme

Note

Save yourself time by duplicating an existing theme (such as the Bynder default theme) and customizing it to create your own.

  1. Navigate to CX User Community tab (this may appear under a different name).
  2. Select Themes. 

  3. Select New Theme.
  4. Enter a Name and (optional) Description

  5. (Optional) Enter a HEX color code in the Color field to set the color for the theme thumbnail.
  6. Select Create Theme.

How to Customize a Theme 

  1. To customize the theme, you can select Themes in the left sidebar or from within your Guides or Landing Page while in the edit mode > select next to Theme, which will redirect you to the main Themes section.
  2. Click on the Theme you want to Customize.
    • The default Bynder theme cannot be edited or removed.
  3. Select Colors in the left sidebar. 

  4. Select Add Color.

  5. Type in the Color Name
  6. Add your HEX code or select a color from the Color Picker > click Save.
  7. Select the Fonts and Typography to set up the fonts and typography for this template.

  8. Select the under each heading option to customize. 
  9. Edit the Name, Font Family, Font Style, and Size of the heading type, and select the Default Color.
  10. Select the Look and Feel tab to customize the Guide header, title, and sidebar.
    • You can see a preview of your customization in the right sidebar.
  11. Click the Save changes.
  12. Select Properties. This section allows you to customize. For example, if you want the main Bynder navigation bar to be visible when users are viewing the Guide or Landing Page, you can add a custom logo to the Guide header.
  13. Once you've configured your theme, you can apply it to your Guide or Landing page. 

How to Edit or Delete a Theme 

  1. Navigate to the Theme page.
  2. Select the Theme you would like to edit.
    • The default Bynder theme cannot be edited or removed.
      • If you would like to delete the Theme, select Screenshot 2024-05-10 at 3.26.48 PM.png
      • Please read the warning message carefully and click Delete if you'd likely remove the Theme. This action cannot be undone.
  3. Make the necessary changes.
  4. Click Save Changes.
  5. The changes will automatically apply to any Guide or Landing Page that has the edit theme set applied.

FAQ

Is there a limit to the number of colors I can add to a theme?

No, there is no limit to the number of colors you can add to a theme.

How do I know which theme is the default one?

The Default button will appear next to the default Portal theme for your account.

Screenshot 2024-05-10 at 11.39.06 AM.png

Why is there an error sign next to my color?

The Bynder theme will always be the default fallback option, so you can still create content (for example, text will be readable with Bynder gray on a white background). The portal theme will have these as the default until you add brand colors.

Screenshot 2024-05-10 at 11.23.24 AM.png

Why can I only create one Theme?

Depending on your CX forthe  User Community package, you may be restricted to one theme. Contact your Customer Success Contact to learn how you can add additional themes and any associated costs.

 
 
 

Updated

Was this article helpful?

0 out of 0 found this helpful

We're sorry to hear that!

Find out more in our community

Need more help? Post your question in our community