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

By default, the style sheet used for the Service Center is used for the Enterprise Center and the Desktop Portal. If a tenant administrator chooses, they can override the style sheet used for the Desktop Portal for their end users.

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; 
    
        }
    
    

    The #banner element changes the image for the Service Center. If you want to change the image for the User Portal, change the #banner_portal element in the style sheet.

  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