Add an External Style Sheet

You can change the look of the Service Center by overriding the default style sheet.

The default style sheet for the Service Center is located at the following URL:

https://<your.tenant.appliance>/service/css/normal.css

You can override some or all of the elements in the default style sheet by specifying your own in the System section of the Configuration tab. If you do override the default style sheet, you will need to add any new graphics to your web server as well.

For example, to change the background color of the top banner and the logo for the Service Center using a background image bannerBack.gif and a logo image logo.gif:

1. Create a style sheet with the following content:

       body{
   
       	background: url("../images/bannerBack.gif");
   
       	background-repeat: repeat-x;
           	font-family: arial, sans-serif;
   
       }
   
       #banner{
   
       	background: url("../images/logo.gif");
   
       	background-position: top left;
           	background-repeat: no-repeat; 
   
       }
   
   

2. Place the style sheet and the two images on a web server that is using the same certificate as your fabric web server. For example, if the style sheet is called NewStyle.css, you could copy it to admin/NewStyle.css on your style sheet web server.

   Enter the following URL in the External style sheet URL field of the system configuration screen:

   https://<your.web.server>/service/NewStyle.css

   The new style sheet applies the new banner background and the logo