Articles in this section

See more

CommUnity | Styling Your Community

Avatar
John Mackenzie
Updated
Follow

Use the Body Editor, Footer Editor, and Navigation Editor to style your community to match your organization’s branding.

Styling with the Body Editor

The Body Editor provides quick styling options for many areas of the platform. Go to Site Building Tools > Body Editor, then set options in these sections:

  • Themes: Select an out-of-the-box color theme.
  • Colors: Enter specific hex color keys to match your organization’s colors, or select the box beside a hex color field to open the color picker.
  • Fonts: Select your font and font colors.
  • Styles: Change the appearance of borders and spacing.

The Body Editor Colors section with hex color fields and color pickers for each theme color

Additional options, such as the header color for page modules, are on the Advanced Options tab. Select Save when finished.

The Footer Editor customizes the footer for your community.

  1. Go to Site Building Tools > Footer Editor.
  2. In the Footer Links section, select Create New Link.
  3. Enter a label and URL for the link.
  4. (Optional) Select Remove next to any link you no longer need.

    The Footer Links section listing each link with its label and URL, and the Edit and Remove actions

  5. In the Footer Details section, set the Footer Background Color and Link Text Color.

    The Footer Details section with color fields, a Copyright field, and a Social Media checkbox

  6. Enter your organization’s name in the Copyright field.
  7. (Optional) Select the Social Media checkbox.
  8. Enter your social media URLs.
  9. Select Save.

The Navigation Editor creates and modifies navigation links and uploads your logo. Go to Site Building Tools > Navigation Editor, then use the Links section to create and modify navigation links.

Use the Logos section to upload your organization’s logo for the top navigation bar. The large logo appears on desktop screens, and the small logo appears on smaller screens. If you upload only one logo, it is used for both.

The Logos section of the Navigation Editor with upload fields for the large and small logos

Select Save when finished.

Related articles