The Backdrop section controls the area behind your VIP Online content. You need access to VIP Online >> Styling.

In this article you will learn how to use an image, color, gradient and decoration in the backdrop.

Choose where an image appears

1. Open VIP Online >> Styling and expand Backdrop.
2. Set Background image mode to None, Login page only, or All.
3. If you use an image, select the image area. Choose an existing image from the gallery or upload a JPG, PNG or WebP image. The file must be no larger than 2 MB.
4. Set the image size, position, and repeat options. Adjust the overlay color and opacity if the text needs more contrast.

Set a color or gradient

1. Set Backdrop color for a solid background.
2. To use a gradient, choose Linear or Radial under Gradient type.
3. For a linear gradient, set the angle. For a radial gradient, set the origin.
4. Add two to four gradient stops with a color and position for each stop.

Add a Studio decoration

1. With the Studio theme selected, choose Decoration: theme default, None, Glow, Beams, Pattern, or Grid.
2. Under Backdrop colors, choose brand colors or custom colors. With custom colors, set the two glow colors and their opacity.
3. Check the live preview and select Save.

Note In the Studio theme, use Decoration >> None to remove decorative effects. The Backdrop colors option None is unavailable for Studio.