Product Documentation

Customize brand stylesheets

Jun 05, 2015

Services Manager uses CSS stylesheets to control brand appearance. All elements are defined in the top level stylesheet, Default.css. Using inheritance, a customized stylesheet can be defined to override specific elements in the top level stylesheet.

When customizing a stylesheet to override styles at the top level, include only the styles and attributes that you want to override. It is not necessary to include all styles in your customized stylesheet as the top level stylesheet will be used for any unmodified styles. As an example, the following table illustrates the default attributes for the .pageTitle style in the top level stylesheet and the customization required for modifying only the font color.
Default top level style Customized style
.pageTitle
{
 margin-left: 5px;
 font-size: 28px;
	color: Green;
}
.pageTitle
{
	color: Orange;
}
You can download a copy of the top level stylesheet from the Brand Management Overview page (Customers > Configuration > Branding). Choose from the following templates:
  • Basic template: Includes the core styles required for changing the background, top banner image, and site colors.
  • Full template: Includes all the styles and layout elements in the top level stylesheet.