Add a standard section. In the sections CSS class, add gradient.

Add the following to the custom CSS. This gives a gradient of two purple colors. Changes with your own colors as needed.

• Dark purple: #6B0F9D
• Light purple: #9e1cb2

.gradient {
background: #6b0f9d; /* Fallback for old browsers */
background: linear-gradient(to right, #6b0f9d 0%,#9e1cb2 50%,#6b0f9d 100%);
}
Code language: CSS (css)

Alternative

.gradient {
background-image: linear-gradient(to right, #6b0f9d 0%,#9e1cb2 50%,#6b0f9d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0f9d', endColorstr='#6b0f9d',GradientType=1 );
}
Code language: CSS (css)

background-image applies to background layers, so you can mix an image with a gradient.