Brand Styling Mastery: Adding Your Touch with Custom CSS in Smarter Track

Smarter Track’s custom CSS feature allows for easy customization of customer-facing portals, integrating them into existing websites. This allows companies to add corporate branding, making user access easier. Custom CSS can be used on a brand-by-brand basis, allowing companies with different branches or locations to provide help desk options with a single Smarter Track installation.

a) How do I add custom CSS to Smarter Track ?

1. First, log in to the Smarter Track management interface as an administrator.

2. Then, click on the Settings icon.

3. After that, click on “Brand” under the “Manage” heading in the sidebar to access a list of brands.

4. Next, select the desired brand and click on the Edit button, or double-click the brand name to access its settings in the content pane to add custom CSS to a brand.

5. Then, click the Portal Options tab.

6. After that, add your own CSS in the “Custom CSS Style Override” text box.

Note: CSS entered will override existing brand styles, so it’s crucial for anyone modifying styles to understand CSS and its formatting.

7. Next, custom CSS should adhere to the standard CSS format, as demonstrated in the example given:

Header {

background-color: #333333;

}

8. Then, click on the “Save” button.

9. Finally, visit the customer-facing portal to preview the new style and, if necessary, return to the Portal Options tab to make any necessary adjustments.