How do I manage styles and themes?

Note: This document references views and actions that are only available to Echo Administrators

Echo allows you to customize your domain's look and feel to suit your needs

Open the side menu in Domain> Details

Select Edit Settings

Select Themes. Make sure to click Save at the bottom of the window whenever you make a change.

What you can control

Theme: Echo allows you to customize its look and feel to match your organizations brand. From this screen, you can control the following theme components:

  • Icon: Upload an image to use.
    • Required file type: PNG
    • Ideal size: 42x42
  • Touch Icon: Upload the image to use when a user saves their Echo website to their homescreen. This only applies to Apple iOS devices.
    • Required file type: PNG
    • Ideal size: 192x192
  • Logo: Upload the image to use for a logo.
    • Required file type: PNG or JPG
    • Ideal size: 72x72
  • Login Logo: Upload an image to use for the sign-in screen. If not specified, uses the logo image.
    • Required file type: PNG or JPG
    • Ideal size: 256x256
  • Menu Logo: Upload the logo displayed in the Main Menu when expanded.
    • Recommended file type: PNG
    • Ideal size: 260x56
  • Menu Icon: If you'd like to change your Main Menu Icon, choose from the Bootstrap Glyphicon or Font Awesome icon libraries. Prefix Font Awesome icon names with fa-. The default value is fa-bars.
  • Theme: Choose the app's default theme color from the dropdown.
  • Limit Themes: If you want to limit the theme color choices, enter the colors that you want to allow as options in this field. Separate colors with commas.
  • Login Page: Indicate whether you want to use a file or URL for a custom login page background image. Upload the file or provide the URL.  Click here to see an example of a web page embedded into the home page.

Tips:

  • Domain configuration is inherited by all subdomains unless explicitly overwritten by a subdomain.
  • For better display on high-density screen, store any image with a resolution two times the rendered size. For better performance, store large images as compressed JPG files.

Additional articles

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.