Theming your site

The out-of-the-box theming tool lets you quickly customize the look and feel of your community. You can change the appearance of various interface elements, such as text, background colors, and logo image. These changes affect all pages in your community.

Note that only users with Manage Community or Customize Site permissions can see the Themes option under their user menu in the upper right corner of the user interface. You can review what you can change by using out-of-the-box theming in Theming options reference.

Fastpath: User interface > Your avatar > Themes

To open the theming interface:

  • Click on your avatar in the upper-right corner and select Themes.

You see a special theme-editing interface that uses the default theme style (upgraded instances see their old theme):

To customize your theme:

  1. Make changes by clicking the blue dots next to interface components. You can see an instant preview of the updates.
  2. Use predefined themes as templates by selecting a theme on the Themes tab. Then use the theme as-is or make further changes by clicking the blue dots next to interface elements. For more information, see Using predefined themes.
  3. Use the Advanced tab to change your header and navigation style. Options include a thin navigation bar that stays pinned to the top while users scroll pages (Reduced), a more spacious navigation bar and header area combo (Basic), or a fully customizable header or footer (Custom).
  4. Enable Custom Links to create custom navigation buttons in your navigation bar. For more information, see Creating custom links in the main menu.
  5. Get a full preview at any time for a more thorough look at your changes. You need to save your changes before previewing.
  6. Save your new theme as draft to continue working with it later by using the Save Theme option. This saves your work so that you can continue making theme changes later without affecting your current community.
  7. Publish your saved theme when you are finished making changes to update your community immediately with the new theme. These changes affect all pages in your community.
  8. Replicate saved themes by exporting them from one instance and then importing them to another instance by using the Import/Export link under Themes. For more information, see Exporting themes and Importing themes.