Quick how-to: skinning StoreFront

I was playing around with my demo environment and modified the wallpaper to give it a nice Nutanix branding.

Here’s the result:

NutanixStorefrontLogin NutanixStorefrontLoggedinTo do this simply edit the file C:\Inetpub\wwwroot\Citrix\CitrixWeb\contrib\custom.style file. The “CitrixWeb” part might be different depending on your store naming when you configured Storefront.

Make it look like this:

/* Edit this file to customize the User Interface by overriding the existing CSS Styles. 
* You can use browser development tools to identify the CSS classes you want to customize.
/* When using the StoreFront Authentication SDK to return custom forms, a class "customform" is added to each form.
* The following commented CSS rule illustrates how to modify the width of form field labels for custom forms.
body {
background-image: url("nutanix.jpg");
.customform .field {
width: 400px;
/* Logon box font color, size and alignment. */ #logonbox-logonform label{ 

Then drop in your background graphic in the same folder, and done!


Leave a Reply

Your email address will not be published. Required fields are marked *