This article applies to SmarterTrack 14.x and earlier. View articles for recent versions.
Using CSS it's fairly simple to change the look and feel of both the customer-facing portal and the management interface so that they seamlessly integrate into an existing website. CSS can be used on a brand-by-brand basis so that each brand represented in SmarterTrack has a different overall look, making it easier to distinguish which brand is being worked on.

For steps on how to determine the CSS styles needed to modify, please refer to the KB article Use "Inspect Element" to Determine CSS Modifications.

Applies to SmarterTrack 11.x-12.x

To change the CSS follow the steps below:

 

  1. Log into the SmarterTrack management interface as the System Administrator.
  2. Click the Settings icon.
  3. Expand the Manage folders in the navigation pane.
  4. Click on Brands. A list of brands will load in the content pane.
  5. Select the desired Brand and click Edit.
  6. Click on Portal Options tab.
  7. In the text box, add in your own CSS. NOTE: All CSS entered will override any existing styles for the brand.
  8. Click Save.
 

Applies to SmarterTrack 8.x - 10.x

To change the CSS follow the steps below:

  1. Log into the SmarterTrack management interface as the System Administrator.
  2. Click the Settings icon.
  3. Expand the System Settings and Organization folders in the navigation pane.
  4. Click on Brands. A list of Brands will load in the content pane.
  5. Select the desired brand and click Edit.
  6. Click on Custom CSS tab.
  7. In the text box, add in your own CSS. NOTE: All CSS entered will override any existing styles for the brand.
  8. Click Save.
For more information, please refer to the SmarterTrack Online Help.

 

Learn more about SmarterTrack’s helpdesk system, which includes live chat, a self service portal and knowledge base software.