Adding a background gradient

How you do this depends on the look you want!

You can set a gradient as a panoramic background across all of your screens, have it on each individual screen or use one of our preset custom gradient images.

Panoramic gradient background

1. Within your project, click on the Background button in the top toolbar

2. Under Panoramic style, select the gradient icon

3. Select if you'd like your gradient to be radial or linear

4. Click on the colour circle pin to select your colours, drag the slider for position & use the angle slider for gradient direction

5. Alternatively you can hit the Presets button and select one of our many pre created gradients

Individual gradient background

1. Within the Designer, hit the edit icon on the screen you'd like to add the gradient

2. Under the Background Element, Background style, select the gradient icon

3. Select if you'd like your gradient to be radial or linear

4. Click on the colour circle pin to select your colours, drag the slider for position & use the angle slider for gradient direction

5. Alternatively you can hit the Presets button and select one of our many pre created gradients

If you want to copy the individual screen gradient across your other screens, just use the 'Copy Screenshot Settings' button and select 'Background Settings'.

Preset panoramic background image

1. Within your project, click on the Background button in the top toolbar

2. Under Panoramic style, ensure you have none selected

3. Under Panoramic image click Select background

4. On the left hand side nav bar, select Preset images or Unsplash image

5. Select one of the gradient folders in the nav bar or search for gradient on Unsplash

6. Select the gradient image you'd like to use

7. Use the image rotation dropdown to select the angle

8. To clear the the image hover over it and hit the x in the middle