How do I change the direction of a color gradient in a container on my website?

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.  



    • Related Articles

    • 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. ...
    • 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 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.
    • How do I change the position of a container on my website?

      Select Column Settings. Select the Image/Color icon. Use the Left/Right bar and Up/Down bar to adjust the position of the container. These are advanced options. We recommend using the default settings.
    • 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 ...