When you use Refined, the look and feel of your site comes from different configurations and settings, all in combination with each other.
This is an overview of what components make up the look and feel for your Refined setup.
Themes
The theme is what is surrounding the content of your site.
Below you can see the same Refined site, with the same content, but displayed with two different themes.
Example theme
Example theme
Create a theme
A Theme is created and managed in the Theme Editor and applied to the Site itself as a global theme, or to a Refined Page as a theme for an area of a site.
Learn more about the Theme editor
Apply a theme to a site
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.
Layouts
Adding categories, Jira projects or JSD JSM portals to a Refined Site each item will get a Refined landing page to it. This landing page is a:
Site home
Category home
Jira project page
Jira Service Desk portal
Edit and setup the layout these pages using the Layout Editor. The content is added via Modules in the Layout.
Learn more about the Layout Editor
Navigation options
On each site you create there will be a top navigation. This navigation is used to navigate the Site and can either be in a breadcrumb format or a navigation menu format.
Example navigation menu
Example breadcrumb
Logos
You set logos per site, this means that when you have several sites each of them can have its own logo.
Advanced settings: css and html
Using css and html to further customize your site is an option with Refined, although we do not support any issue caused by these types of customizations.