Background

There are two types of backgrounds available to insert – image and gradient. You can insert multiple backgrounds. Backgrounds on the top of the list will cover those underneath. Solid color is always under all other backgrounds.

Solid Color
The solid color is all one color with no variation (half-tone or gradations). If you insert non-transparent image backgrounds they will cover the background solid color.
Gradient
 Gradients are smooth transitions from one color to another.
Type
Linear Create image which represents a linear gradient of colors. It goes down/up/left/right/diagonally. Technical info
Radial Create image which represents a gradient of colors radiating from an origin, the center of the gradient. Technical info
Angle Specifies the angle of direction for the linear gradient.
Bg container  Available for areas and rows only. Defines whether the gradient background position is relative to the content span or the entire row. [screenshot]
Position Set the starting point of the gradient line.
Repeat
No repeat
 The gradient image will not be repeated
Repeat-x Repeat the gradient infinitely in horizontal direction
Repeat-y Repeat the gradient infinitely in vertical direction
Repeat
 Repeat the gradient infinitely in both directions

Repeat property will work only for gradient backgrounds with custom size.
Size
Auto  Gradient background will cover the entire container
Custom Define custom width and height for the gradient image
Colors
 You can define multiple color stops (at least two) for each gradient. Color stops are the colors you want to render smooth transitions among. They support transparency, which can be used to create fading effects.
Image
Bg Container
 Available for areas and rows only. Defines whether the image background position is relative to the content span or the entire row. [screenshot]
Position Sets the starting position of the background image
Repeat
No repeat
 The background-image will not be repeated
Repeat-x Repeat a background-image only horizontally
Repeat-y Repeat a background-image only vertically
Repeat
 The background image is repeated both vertically and horizontally
Size
Auto The background image contains its width and height
Contain Scale the background image to be as large as possible so that the background area is completely covered
Cover The gradient’s shape is sized so it exactly meets the closest corner of the box from its center
Custom Define custom width and height for the background image
Warning!

Using many gradient backgrounds may slow down your website on older machines. Multiple backgrounds DO NOT work in older browsers like IE 7/8 and some legacy mobile browsers. You can check a detailed compatibility list here.