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:
Related Articles
How do I change the direction of a color gradient in a container on my website?
Select Column Settings. Select the Image/Color icon. Select a direction for the color gradient. The new gradient direction has been applied. Note: More of the background will be visible once you add additional elements.How do I adjust the logo background color on my website's header?
Video Walkthrough: To make updates to your website's header, select the Manage Your Site tile. Hover over the header section and select the gear icon. Select Logo. To change the logo’s background color, select a color from the color wheel or enter a ...How do I add a second color to a container on my website?
Select Column Settings. Select “Add Container Color” to add a background color. Select a color from the color wheel or enter a color code. Adjust the transparency as needed. Select “Add Secondary Color” to add a second color. Select a direction for ...How do I add a color gradient to a button on my website?
To create a button with a color gradient on your website, select the Manage Your Site tile. Select the button you want to edit, and then select the Styling icon. Select “Add Secondary Color” to add a color gradient to the button. Select the ...How do I add a color to a container on my website?
Select Column Settings. Select “Add Container Color” to add a background color. Select a color from the color wheel or enter a color code. Adjust the transparency as needed.