Add a Colour Gradient Background
Adding a gradient background is an easy way to make your content stand out. Just like solid colour backgrounds, gradients can be added to individual sections on a page or to a single section to fill the whole background area.
![gradient-finished](http://images.ctfassets.net/gc4s9mi2asix/4JuUoYImLXnKj1OfcgMKnr/479c3e613abb78b3fdb0084216c19ca2/d708c795b6f1fa2b6d3c522a2fee2696.jpg)
Click on the section you want to add a gradient to, and click Edit Background. Select Gradient, and then click on Change Gradient to add your colours and adjust the settings.
![gradient-button](http://images.ctfassets.net/gc4s9mi2asix/uZ1aMV1mKoV63SUDGP17w/891d775b0a60512af8d64d4f6f69fccc/0de1ad6531c35cefcc4357b1e9532cdd.jpg)
You can change the colour by dragging the slider across the spectrum bar at the top and then fine-tune the lightness and saturation of the colour by dragging the circle around the colour swatch field below. You can also enter a hex code if you know exactly which colour you want. Once you’ve chosen a colour, drag the angle and start position sliders to adjust the angle and intensity of the gradient.
![gradient-drag-change](http://images.ctfassets.net/gc4s9mi2asix/42ZADNJKZLq9vtWOf5JQKz/8b6fbf2de56ce80ab93bbf77bb6ef7f7/b720cd32a5b8419a57aa844da9215e0c.gif)
When you’re done, click the arrow on your first colour to go back and pick a second colour using the same process. You can change the start position for the second colour individually, but the angle setting applies to the entire gradient.
![gradient-second-color](http://images.ctfassets.net/gc4s9mi2asix/1Ag7nlbQoUJDxDjz7nrbUA/e3cdbd1b492706dbcd9d1a5c98950ff3/37a75a6dafcf823f92a08f93d3a415d4.jpg)