To use gradient color in the background first go to edit mode and then click on the design tab. Next, click on a background or body layer and choose the background color tool. Finally choose the type: vertical or horizontal.
Note: this can be done in design mode and widget mode.
There are two types of gradient colors in terms of website designing vertical gradient (left to right) and
horizontal gradient (top to bottom)