Configure App Appearance

 

App Appearance, found under the App, allows you to create a unique design for your App.

Navigate to App > App Appearance from the Navigation Menu and update the relevant design assets listed below.

Phone Menu

• Background Image - 720 x 1600px .png or .jpg format. Ensure 520px clear space at the top.
• Header Image - 720 x 300px .png or jpg format.
• Background Color - can be used instead of an image. Enter hex colour code or choose from colour picker.
• Icon Text Colour -  Enter hex colour code or choose from colour picker. In the example below the icon text is white.
• Icon Tint Colour - Enter hex colour code or choose from colour picker. Alternatively, you can add custom icons, like in the example below.
• Settings Icon Colour - Enter hex colour code or choose from colour picker.
• Active Page Indicator Colour - Enter hex colour code or choose from colour picker.
• Inactive Page Colour - Enter hex colour code or choose from colour picker.
• Display Banner Shadow - select yes to add a shadow to banners.

Tablet Menu

• Header Image - 730 x 400px .png or .jpg format.
• Tablet Background Colour - Enter hex colour code or choose from colour picker.
• Menu Item Text Colour - Enter hex colour code or choose from colour picker.
• Menu Icon Tint Colour - Enter hex colour code or choose from colour picker. Alternatively you can add custom icons, like in the example below.
• Settings Icon Colour - Enter hex colour code or choose from colour picker.
• Display Banner Shadow - select yes to add a shadow to banners.

Content Design

• Generic Header Image - 720 x 405px .png or .jpg format.
• Details Bar Background Colour - Enter hex colour code or choose from colour picker. It is recommended NOT to use white as your details bar background colour, otherwise some icons/buttons will not appear.
• Details Bar Text Colour - Enter hex colour code or choose from colour picker.
• Highlight Colour - Enter hex colour code or choose from colour picker.
• Quote / Breakout Background Colour - Enter hex colour code or choose from colour picker.
• Button Circle Colour - Enter hex colour code or choose from colour picker.