How do I add a color gradient to a button on my website?

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 secondary color from the color wheel or enter a color code.

 



The button color has been updated.
 

You can also adjust the direction of the color gradient.

    • 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 change the hover color of a button on my website?

      To make changes to a button on your website, select the Manage Your Site tile.  Select the button, and then select the Styling icon.  Select “Hover style”. Select a color from the color wheel or enter a color code. You can also add a secondary color ...
    • 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 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 change a button's text color on my website?

      To make changes to a button on your website, select the Manage Your Site tile.  Select the button, and then select the Styling icon.  In the Text Color section, select a color from the color wheel or enter a color code.