Site theming and customisation

Create a unique look and feel for your Refined site.

Themes

A theme determines the look of your site. Choose a pre-set theme, or apply your corporate branding by building your own custom theme.

You can apply different themes to each of your sites. This way, a knowledge base and an intranet can have different looks. You can also create themes for special occasions, like a holiday theme that you temporarily add to your intranet.

Manage themes

1. Go to the Refined Administration.

2. Go to the Themes & Styles tab.

Under the Themes & styles heading you find an overview of your themes. A green label shows which themes are currently Active (applied to a site).

Click on a theme’s Cogwheel to:

• Edit: change the theme in the Theme Editor.

• Rename: give the theme a new name.

• Export: download the theme. You can then import (upload) it to another Refined instance.

• Copy: duplicate the theme.

• Delete: discard the theme. This can’t be undone.

Below the list of themes are two buttons:

• Click the Create theme button to make a new theme in the Theme Editor.

• Click the Import theme button to upload a theme which you previously exported.

Apply themes

applied to the Site itself as a global theme, or to a Refined Page as a theme for an area of a site. 

Settings apply to all pages on your site. If you want some pages on your site to look differently, set different themes for these pages.

In the Site Builder, you can decide which parts of Jira and Jira Service Management will be themed. A theme set to a site will apply to all the items in that site (Categories, Jira projects, and JSM portals) unless the item has a setting that overrides this. 

Themes are easy to create using the Theme Editor (that got a nice update in 3.0) with a preview, then saved an applied to Sites, Categories, Jira projects and JSD portals. 

For any site you want to set a specific theme to, go the Site Builder and click a site block’s Cogwheel to edit it. When a site’s theme is changed, it can be reverted to the default theme by clicking "Use default theme" in the top. 

The theming setup

With Refined, you can choose to turn on theming globally switching on the global theming toggle. When global theming is enabled, all customer portals will be themed, and the theme that is applied is the one set on the Help Center.

You can mix and match which customer portals are themed using Refined, and which customer portals are kept as default JSM. 

Themes are always applied top down, according to their context unless you manually set a different theme to a customer portal. This means that a customer portal will have the theme of its parent, whether that be a site or a category, but you can override this by manually setting the theme to a customer portal.

Export/import a theme

You can export a theme and import it into another Refined instance (or your current Refined instance).

• To export a theme, go to the theme overview and click the theme’s Cogwheel > Export.

• To import a theme, go to the theme overview and click the Import Theme button.

Logos

Logos are set per site. This lets you use the same theme on sites with different logos.

Advanced settings: CSS and HTML

Use CSS and HTML to further customise your site.