Different Ways to Customize the Appearance of Your Account

There are many options for customizing your Elvanto account, such as adding your logo and adding your church's colors. Layouts are a great way to customize your volunteer experience while using Elvanto. Layouts also help keep information relevant by only showing posts to those logged into a specific layout instead of all users.

In this article, we will learn about the different features and functions as well as how to add or edit your own layout.

Multiple layouts

Most of the time you will use the same layout for all your people, but if you want something more custom and are wanting to set up different layouts for different departments (for example, the Kids Team can have their own layout), this can be achieved by adding multiple layouts.

Each layout has its own subdomain, so for your people, it is like they are accessing their account from a totally different website. However, all the data is still pulled from your one Elvanto account. This way you can manage multiple department websites from the one account.

There might be a case where a volunteer is a part of your Music Team and the Kids Team. If both of these departments have their own layout and subdomain, no matter which subdomain they log into, they will be able to see their roster for both departments. 

They are basically logging into the same system, the only difference is the subdomain and layout are different. Think of it as walking into the same building using different doors.

Layouts are not restricted to volunteers within certain departments. All volunteers can log into any layout, and their roster, posts, etc will all contain the same information. The only difference is the visual appearance.

Custom Domain

Instead of accessing your account at yourchurch.tithelychms.com, you can set up a Custom Domain for the people at your church to access. Please note that any traffic going to the custom domain will get redirected to the secure Elvanto site address for your church. Read more to see how you can set up a Custom Domain in Elvanto.

Member and Admin Area Differences

The Member Area allows you to configure the logo, header background color, header background image, header height and navigation background and text colors.

The Admin Area allows you to configure the logo and header background color.

Please note, in the Member Area, the header background image and height only apply to tablet and desktop devices.

Mobile Example

Desktop Example

Logo

You can use your own logo at the top of every page. Keep in mind all your people will see this logo, so generally it will be the logo of your organization. We recommend a 390x78px for the size of the logo.

Header background color, background image and height

You can set the height of the header and the color of the background behind the logo or background image.

Please note, the header height and background image only apply to the Member Area.

Member Area Menu

You can set the main menu background and text color. This applies to the Member Area only.

Login Page

You can set the login page to use the same logo and color as your Member Area, Admin Area, or a custom selection.

Edit 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.