Miscellaneous StoreFront 3 Customizations

Most Citrix engagements that allow for a little gold plating can benefit from customizations and branding. (Why branding?)

What to modify

\Citrix\\custom\style.css

Make sure to modify the text below the following strings:

/* CITRIX DISCLAIMER: END OF MANAGED SECTION. */

/* You may add custom styles below this line. */

The Receiver Detection screen

/* Receiver Detection screen: Change Logo */
.large .detection-right-links{
background: url('../custom/Citrix_HalfLogonLogo.png') no-repeat;
background-position-x: left;
background-position-y: center;
padding-left: 400px;
}

/* Pre-Logon form: 'Welcome to Citrix Receiver' text */
.web-screen .main-text{
color: #002D56;
}

/* Pre-Logon form: other text */
.web-screen .detail-text{
color: #002D56;
}

Old	New

Logon Form

/* Logon form: Update logo when in narrow screen or tablet */
.logon-small.logon-logo-container{
                background-image: url('Citrix_HalfLogonLogo_sm.png');
                background-size: 52px 52px;
}

Old	New

/* Logon form: Resized larger logo container */
.logon-large.logon-logo-container{
                background-size: 363px 125px;
}

/* Logon Form: Band and transparency */
.web-screen .content-area{
padding: 60px 0;
background-color: #3f3643;
background-color: rgba(234,234,234,0.7);
text-align: center;
}

/* Logon Form: Login form size */
.credentialform{
width: 475px;
}

/* Logon Form: Login label font */
.credentialform .plain{
font-size: 17px;
color: #002D56;
margin-left: 0;
}

/* Application/Desktop page: Logo container */
.logo-container{
background-size: 170px 40px;
}

Sources

https://www.citrixguru.com/2016/03/08/lab-ultimate-storefront-customization-guide/

Mainly because almost all my clients have it in their environments, I’m actually a little more familiar with using Google Chrome to identify the elements to modify and test the customizations. Citrix released a nice document on the overall process with Firefox: https://support.citrix.com/article/CTX215016

Updates

(none)