Customize Your Layout

Using layouts is a great way to make a unique experience for your volunteers. If this is your first time setting up Elvanto you will have a single Default Layout you are able to customize. In this article we will go over the steps on how to edit and customize your layout. 

Customize Your Layouts

  1. Log into your Elvanto account.
  2. Select Settings.
  3. Select Layouts.
  4. Select your Default Layout, an existing layout.
  5. In the Layout tab you are able to edit all areas of your layout.
    • Layout Name
    • Site Name
    • Departments
      • Choose the departments this layout is assigned to. Members of this department are able to access this layout via your site URL or Custom Domain.

    • URL & Domain 
      • Set a custom URL for members to visit this specific layout or set up a Custom Domain.
    • Logo
    • Navigation Menu
      • Background Color 
      • Text Color
    • Header Background 
      • Upload an Image
      • Repeat
        Note: If your image does not fill the entire background you can select how you would like the image to display by repeating.
      • Color
      • Height 

        Tithely Tip

        The default height will be set at 80px we recommend either 80px or 120px depending on the height of your background image. If you would like to display more of your background image experiment with increasing the height by increments of 10px.

    • Admin Area
      • Upload Logo
      • Change Menu Color
    • Login Page
      • Customize or select to copy the settings of your Admin or Member area.

        Tithely Tip

        We recommend using the selection Same as Member Area.

    • Log Out Page
      • Enter a redirect page or leave empty.
        Note: When your members log out, enter the web page you would like them to be redirected. Leaving this blank will redirect them to your login page.
         
    • iOS Home Screen Icon 

      • Upload an Icon
        Note: This is how your app cover for your home screen shortcut will display on a user's phone. This customization piece is limited to Safari URL shortcuts only. 
        • Open Safari on your iPhone and navigate to your Elvanto URL.
        • Tap the 'Share' button at the bottom of the page. 
        • From the list of options, choose 'Add to Home Screen' and name your website shortcut.
        • You will now be able to tap the new "app" on your home screen.