This post is a ‘cookbook’ of customization queries and requests that I’ve had since the release of StoreFront 3.0, together with some worked examples. Hope it is useful!
How do I set a background image?
The UI is designed for a simple white background. Images tend to make this look rather busy. However, if you really want to, it is possible, but pick an image that is light and not too noisy.
Steps to make changes are :
- Copy the image to C:\inetpub\wwwroot\Citrix\StoreWeb\custom\
- Open Style.css file with notepad as an Admin, ensure to take a backup of this file.
- Enter the code below after last line which says "Put your customizations here"
- The code to do this is a simple change to custom.css
To change the logon screen :
.web-screen {
background-image: url(./background.jpg);
}
To change the post logon screen :
For version till 3.15LTSR
storeViewSection {
background: url('/background.jpg') no-repeat center center fixed;
background-size: cover;
}
For version newer than 3.15LTSR
.scrollable.storeViewSection{
background-image:url(./apple1.jpg);
color:rgb(85, 85, 85);
}