How do I add a second color to a container on my website?

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 the color gradient.



The new color has now been applied.

Note: More of the background will be visible once you add additional elements.  



    • Related Articles

    • 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 style a container on my website?

      In each container there are three styling options: Alignment Container Frame Alignment changes the position of your first element: top, center, or bottom Top alignment: Center alignment: Bottom alignment: Select Span Settings and then select the ...
    • 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 ...
    • 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. ...