Customizing the look and feel of Vevox

Having the ability to customize the Vevox app theme means you can brand or style your sessions, giving them a look and feel unique to you.

There are two main aspects of the Vevox app that can be customized.  

Info screen

The Info Screen is what your participants will be greeted with when they first access your Vevox session.

Here we can alter the image that appears and include some information to describe your session.

1. From within your session press the Customize button on the navigation menu.
2. In the Info Screen section you can drag and drop an image or upload one from your computer.
3. Add your own content by editing the available text fields.
4. Press the Save button to lock in place your changes.
5. When you are ready press Publish Saved Changes and the apps will update with the new image and text instantly.

Images Size recommendations:
When it comes to the correct size for an image on the info screen there is no definitive answer, you can use any size you like.  We will automatically scale the image for a best fit on mobile displays so with that in mind here are some of our recommendations.

• Banner images: Using a banner image lets you image appear at the top of the screen and further information such as your meeting title and other information will appear below this. Our default image is in the shape of a banner and we recommend an images size of:
  Width -  800px
  Height - 350px

Banner example

• Portrait style images: One option if you are not using the text fields in the customisation section is to use an image with portrait dimensions which will occupy more visible space on participant devices.  Use this option if you wish to create an image with any text or instructions included as part of the image itself.
  Width - 800px
  Height - 1100px

Portrait example

App theme

The App Theme deals with the colors used in the app.  There are three different colors that you can set;

• Header & Background
• Results & Selections
• Main Text

1. Select the color you want to using the color picker
2. Once you are happy with the colors chosen press the Save button to lock in place your changes.
3. When you are ready press Publish Saved Changes and the apps will update with the new image and text instantly.

By default, the Meeting ID which appears in the header of the app is white but you can choose to set this to a dark color to avoid clashes if you have chosen a light colored header bar color.

More resources

You can find more information about customizing Vevox in our:
Customizing the Info Screen video
Customizing the App Theme video