Customizing the Style of Service Catalog Items

Service Catalog Items are available in the Desktop App, Web App, and Self Service Portal as well. You can independently change the appearance of Service Catalog Items for each of these locations.

NOTE: When customizing the appearance of Service Catalog Items for Portals, make sure that you precede each CSS style definition with the special parent selector #servicecatalog. This selector ensures that your style definitions apply only to Service Catalog Items, not to the entire web page. For details, see Customizing Style Sheets for Portals.

To modify the current style sheet:

  1. From the Sidebar, navigate to General > CSS Styles> Service Catalog Item.
  2. Choose where you want to change the style of Service Catalog Items: Desktop App, Web App, or Self Service Portal.
  3. Customize CSS style definitions as needed. Make sure not to delete or modify existing CSS class names and selectors.
  4. Click Save on the Standard toolbar.

To save the current Service Catalog Item style sheet to a file:

  1. From the Sidebar, navigate to General > CSS Styles> Service Catalog Item >Desktop App / Web App / Self Service Portal.
  2. Click Save To File. The Save Stylesheet to dialog box opens.
  3. Browse for the location to save the file to, enter the file name, then click Save on the Standard toolbar.

To import the style sheet from a file:

  1. From the Sidebar, navigate to General > CSS Styles> Service Catalog Item > Desktop App / Web App / Self Service Portal.
  2. Click Load From File. The Load Stylesheet from dialog box opens.
  3. Browse for the .css file and click Open.

    NOTE: When you import styles from a file, you replace the current style definition. You may want to export your current style sheet to a file before doing the import.