How to set a color gradient in design mode:

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) 

Here is how to set a color gradient in design mode:

Step 1: Go to design mode

Step 2: Click on one of the layers. 

Step 3: Click on background color tool (A). 

 Step 4: Choose a gradient button (B).  

Step 5: Choose the two colors. (C from color, to color)

Step 6: Click on "Done".


See an example below of a horizontal gradient (purple to yellow):

  • Vertical gradient – a background made from two colors that go from left to right.
  • Horizontal gradient –a background made from two colors that go from top to bottom.

See an example below of a horizontal gradient (light blue to darker blue):