How to install a theme?

It is rather simple. Please use these instructions.

Step 1. Preparations

Before you proceed to set up your Support Portal theme, please make sure you are fully prepared. Please complete the following preparation steps:

• Unzip Theme .zip archive package.
• Prepare appropriate text editor. Some text editors (such as OS X TextEdit) may display HTML-code wrong. We recommend you to open template files with a code editor (like Sublime Text, Atom, Coda, etc.).
• In Freshdesk admin panel open Admin >> Portals >> Customize Portal.

Step 2. Basic branding

A new page will be opened where it is possible to setup a Support Portal name and upload, remove or change Header Logo and Favicon.

• Name - Change the name of the Support Portal. For example, your customers might be used to calling your content Support, Help, and Tutorials, or Documentation. The name doesn't affect the URL of the Support Portal.
• Logo - Change the default logo image displayed in the header.
• Favicon - A favicon is a small image that appears in a browser tab or next to the URL in the browser's address bar. For best results, make sure the favicon is a square image. The image is scaled to fit the display dimensions.

Changes don't take effect until you click Publish button.

Themes are not compatible with Freshdesk colors and fonts variables. Changing of theme colors and fonts could be done in the CSS-code instead of using Freshdesk variables. So, please ignore "Colors & Fonts" tab".

Step 3. Install CSS-file

• Go to "Stylesheet" tab.
• Copy everything from "Custom stylesheet" field to an external text file (to backup the last theme).
• Delete everything from "Custom stylesheet" field.
• Copy and paste CSS-code from unzipped Theme.zip archive package (.css file).

Step 4. Install other theme's files

• Go to "Layout & Pages" tab.
• Choose a page template.
• Copy everything from it to an external text file (to backup the last theme).
• Delete everything from a page template.
• Copy and paste HTML-code. Open Theme package "templates" folder. Find the file with the same name as the page template. Open the file, copy its content and paste it to the corresponding code view. Some text editors (such as OS X TextEdit) may display HTML-code wrong. We recommend you to open template files (.html) with a code editor (like Sublime Text, Atom, Coda, etc.).
• Click "Save".
• Repeat all the substeps of step 4 for each page type in Freshdesk theme editor.

Step 5. Preview & Publish changes

• Preview your theme by clicking "Preview" button.
• When you're ready to deploy your changes, click Publish.