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:
- Only one theme will be available if you're using the basic package for Content Experiences (CX) for User Community.
- Guides and Landing Pages have a default Bynder theme, which cannot be edited or removed.
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.
- Navigate to CX User Community tab (this may appear under a different name).
- Select Themes.
- Select New Theme.
- Enter a Name and (optional) Description.
- (Optional) Enter a HEX color code in the Color field to set the color for the theme thumbnail.
- Select Create Theme.
How to Customize a Theme
- 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.
- Click on the Theme you want to Customize.
- The default Bynder theme cannot be edited or removed.
- Select Colors in the left sidebar.
- Select Add Color.
- Type in the Color Name
- Add your HEX code or select a color from the Color Picker > click Save.
- Select the Fonts and Typography to set up the fonts and typography for this template.
- Please follow these instructions if you'd like to upload your Custom font.
- Select the
under each heading option to customize.
- Edit the Name, Font Family, Font Style, and Size of the heading type, and select the Default Color.
- 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.
- Click the Save changes.
-
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.
- Once you've configured your theme, you can apply it to your Guide or Landing page.
How to Edit or Delete a Theme
- Navigate to the Theme page.
- 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
- Please read the warning message carefully and click Delete if you'd likely remove the Theme. This action cannot be undone.
- If you would like to delete the Theme, select
- The default Bynder theme cannot be edited or removed.
- Make the necessary changes.
- Click Save Changes.
- 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.
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.
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