StoreFront

Appearance

You can modify the logo and colors used within your store website.

Edit logo and colors

To customize the appearance, go to Edit store website and select the Customize Appearance tab. You can modify the following:

  • Logon branding logo - The logo displayed on the log on screen. It is not displayed when logging in through a Citrix Gateway or using Citrix Workspace app. Press Browse… and select a file of type .jpg, .jpeg, .png, .gif or .bmp. It is recommend you use an image of size 350px x 120px.

  • Header branding logo. The logo displayed in the top left corner after logging on. Press Browse… and select a file of type .jpg, .jpeg, .png, .gif or .bmp. It is recommend you use an image of size 340px x 80px.

  • Background color - The background color of the navigation section at the top of the page.

  • Text and icon color - The color for icons in the navigation section at the top of the page.

  • Accent color - The color used to indicate which item has focus and for buttons and links.

Screenshot of appearance tab

The defaults vary depending on whether you use the classic or modern experience but any customizations apply to both.

Edit logo and colors using PowerShell

Using PowerShell, run cmdlet Set-STFWebReceiverSiteStyle.

Reset appearance to default

Press Reset to default style to return the logos and colors to the default.

Reset appearance to default using PowerShell

Using PowerShell, run cmdlet Clear-STFWebReceiverSiteStyle.

Customization using Javascript and CSS

When using the classic experience, you can further customize the website using the StoreFront Client UI Customization API. This does not apply when using the modern experience.

Appearance