The background parts of the app are fixed regardless of the page displayed and include the background color, separators, buttons, effects and margins of your application. 

Do not confuse it with the background of each section, keeping in mind that the first page corresponds to the home page

To set up your app background:  
1. Go to the left swipe menu Design & structure > DESIGN > General Design      
2. Click "Background" on the right column


1

Background

1. Add a color, even if if you choose to use a background picture as it will be used for "Pull to refresh".
2. Add an image (optional)

The formatting for the background image is:
- 1242 X 2208 px for iOS and Android smartphones
- 1536 X 2048 px in portrait and 2048 X 1536 px for landscape for iPad if you are subscribed to the Premium native offer.
- Click on "Library" to access an online gallery providing content licensed under Creative Commons Zero. Feel free to use these photos, they are free and beautiful.

Note:
The color or background picture should highlight your content, not distract the user: avoid flashy colors.
If you add a color and a background picture, the picture will override the color.

picture

2

Separators

1. Select the color of your separators.
It will be applied to all pages of your app.

picture

3

Video tutorial

Note: Menus have changed in the back office, but the behavior explained in the video is still accurate.


More articles