Background

The Background subsection sets the background of an element, a section or a block. Four modes are offered: Solid color, Color gradient, Image or No fill.

Choose a fill type

The Fill type selector at the top switches between the four modes. Vivlab remembers the setting you had on each mode: if you go from Solid color to Color gradient then back to Solid color, your initial color is restored.

Solid color

Solid color mode: a single setting, Background color. Use the standard color picker. The colors of your theme appear as shortcuts to keep a consistent identity.

Color gradient

Color gradient mode: a large square shows the gradient preview. Drag inside the area to change the gradient direction (the angle is shown in degrees in the center).

Below, the Colors list defines the gradient stops. Click + to add an intermediate color, click on an existing color to edit it, or use the list actions to duplicate or delete it. A gradient has at least two colors; you can stack as many as you want to create complex transitions.

Image

Image mode: click Edit image to upload a file (JPEG, PNG, WebP). Once the image is loaded:

• The Switch image to repeated pattern option toggles between covering the entire block with the image (default) and repeating it as a pattern. Enable the pattern for backgrounds with textures (paper, wood, wallpaper…).
• In pattern mode, Pattern size sets the pattern's zoom percentage (from 1 to 100%), and Vertical position + Horizontal position move its starting point.

No fill

No fill mode: the background is transparent. The block lets you see what's behind (the parent section, the page color).

Reset

The Reset settings button completely clears the background and switches to No fill mode.