Theming Options Reference

You have a number of options for designing your site using the theming interface. Keep in mind that Advanced out-of-the-box theming, which allows you to use custom CSS in headers and footers, is a more complex and risky procedure.

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.
Fonts and Colors Sets the font of all text. You can customize the color of the text for links, hovers, meta text, and so on.
Branding and Decoration Sets the community's width, favicon, background color and image, and border style. Be aware that if you set your Background Attachment to "Fixed," depending on the image's size and width, browser scrolling may be slow.
Advanced: Header and Navigation Style You can choose from 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.
Basic
Includes a full navigation bar, header, large logo, and more options than Reduced for the other configurable items of the user interface.
Custom
Enables you to customize the HTML and CSS of the header (and optionally, the footer). You can even 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 uploaded 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 bar. You don't need to know any CSS or HTML to use this option.
Advanced: Advanced Theming In addition, you can create your own custom themes with Freemarker or Soy. However, there are substantial upgrade risks when doing so. Jive Software strongly recommends using only the Customize Your Site theming interface to avoid upgrade risks. The documentation for Freemarker and Soy theme development starts here.
Table 2. More Options ("blue dot" options). These options vary depending on which Header and Navigation Style you select.
Field Description
Branding Header (Logo) Sets the community logo and background color and image of this header area.
Branding Header (Logo): Main Navigation Sets the link colors, and background color and image of the navigation menu. (You can also customize the actual buttons that appear in this navigation menu. Refer to Creating Custom Links in the Main Navigation for more information.)
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's 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 top navigation.
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 (e.g., navigation menu highlights).
Sample Widget Sets the border style, header background, and other elements of widgets.
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.