Theming options reference

You have many options for designing your site by using the theming interface.

Table 1. Main theming options
Field Description
Themes From here you can see all your saved themes, import or export themes to back up, share, and transfer themes to/from other instances (typically, test instances), or select from a list of predefined themes. For more information, see Importing themes, Exporting themes, Using predefined themes.
Fonts and Colors From here you can set the font of all text elements. Also, you can customize the text color for these elements, such as links, hovers, and metatext.
Branding and Decoration From here you can set the community page width, favicon, background color and image, and border style. Be aware that if you set your Background Attachment to Fixed, depending on the image size and width, browser scrolling may be slow.
Advanced: Header and Navigation Style You can choose one the following options:
Reduced (default for new instances; upgraded instances retain their existing theme)
Includes a thin navigation bar, no header, small logo, and limited options for the other configurable items of the user interface. The thin navigation bar stays pinned to the top when a user scrolls any page in the application. You don't need to know any CSS or HTML to use this option.
Includes a full navigation bar, header, large logo, and more options than Reduced for the other configurable items of the user interface.
Enables you to customize the HTML and CSS of the header (and optionally, the footer). Additionally, you can choose to hide the header.
Advanced: Images You can upload images to your theme to use in custom headers and footers. These images reside in your Jive instance as part of the theme, are accessible from the internet to anyone who knows the URL, and can be imported and exported with the theme. If a theme is deleted, its associated images are also deleted, so the best practice when creating themes is only to link to images uploaded to the current theme.
Advanced: Custom Links You can create custom links on the main navigation menu. You don't need to know any CSS or HTML to use this option. For more information, see Creating custom links in the main menu.
Table 2. More options ("blue dot" options). These options vary depending on which Header and Navigation Style you select.
Field Description
Branding Header and Navigation: Branding header Sets the community logo and background color and image of this header area.

You can upload an image to be used as the logo image and specify in the Alternate Text box the alternative text for the image if a user for some reason cannot view it.

Branding Header and Navigation: Main Navigation Sets the link colors, background color and image of the main navigation menu.
Note: You can also customize the actual buttons that appear in this navigation menu. For more information, see Creating custom links in the main menu.
Headline Color and Font (Sample Header) Sets the background color and font of the headline area. You can also choose to inherit the font from the Branding and Decoration settings.
Secondary Navigation Styles the Create menu, the search field, and the menu under each user name or avatar, including the shapes of the avatars shown in the user menu. You can use this setting to remove the search box from the main navigation menu.
Sidebar List Sets the text color and font for links in the sidebar. If you don't set this style, it inherits the style of the Sample Widget.
Sample Buttons Sets the color style of the buttons and various other elements throughout the user interface, for example, main navigation menu highlights.
Sample Widget Sets the widgets elements, such as border style and header background.
Search Sets the display style of the Search box.
User Profile Sets the text color and the style of the arrow drop-down menu of the User Profile.