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, or Add a new layout.
   

   Tithely Tip

   If this is your first time viewing layouts you will only see your Default Layout. We suggest editing this layout first before adding another layout to your account.

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 will display on a user's phone.

Customize Your Menu

Your menu is what members and volunteers will see when they log into their accounts. Editing this will allow or restrict what pages they are able to view.

1. Log into your Elvanto account.
2. Select Settings.
3. Select Layouts.
4. Select your Default Layout, an existing layout, or Add a new layout.
   

   Tithely Tip

   If this is your first time viewing layouts you will only see your Default Layout. We suggest editing this layout first before adding another layout to your account.

5. Select Menu Editor.
6. Add Built-in pages
   Note: Check the box next to the page you would like to add then select + Add to Menu.
7. Add a Custom Link.
   Note: This is helpful for connecting users to websites our links outside of Elvanto. An example could be to direct users to a social media page.
8. Select Post Categories.
   Note: Learn more about setting up post categories and their use here: How to use post categories 
9. Edit s specific tab by selecting the down area on the right hand of the tab.
   Note: This will allow you to rename the table or remove the tab from your menu completely.

You have now successfully edited your layout and menu! If you have any additional questions on how to edit your layout or menu please reach out to our support team.