How can I change the background of an element?

When you want to add a background to a container you have multiple options: flat color, gradient, background image or even background video. Here's all you need to know.

Color background
Gradient background
Image background
Video background
Advanced panel editing

To change the background you need to select the container or element, and go to the Right side menu. Scroll down to the "Background" section in which you can choose from multiple options including: background color, gradient or background image.

Color background

When selecting color background you will be prompted with a color picker where you can choose the color you want or add the color code. You can also change the opacity of the background color.

Gradient background

Similar to color backgrounds, when selecting a color background you will be prompted with a gradient color picker where you can change the type of gradient, color or radial as well as the colors, direction and opacity.

Image background

To add an image as a background to a container from the dropdown menu select Image. Next go to the left panel, Assets manager and click the replace icon on an image. To edit the image background, from the Right panel -> Background section click on the image. This will open a panel where you can change the size, position and repeat properties.

Video background

To learn how to add a video as a background please check out this article.

Advanced panel editing

You also have additional options in the Advanced tab, for further customization.

Updated on: 28/03/2025