How do I add a color gradient to my website's background?

How do I add a color gradient to my website's background?

To add a color gradient to your background, select the Manage Your Site tile.



Hover over the block where you want to add the background and select the gear icon. 



Select the Overlay icon.



Enter a color code or select a color from the color wheel. Adjust the transparency as needed.



Add a second color to create a gradient effect. Select the second color wheel.



Enter a color code or select a color from the color wheel. Adjust the transparency as needed.



Select the drop-down arrow to choose a gradient direction: 

Horizontal

Vertical

Angle Up

Angle Down



Background Gradient Overlay Example: