Color Gradient

You can set up a gradient of colors in Halo Theme for visually interesting background options.

To learn more about gradients and CSS backgrounds, refer to Mozilla's linear gradient and CSS background documentation.

How to setup gradients?

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Select one of the gradient options.

Note:

• If you haven't set up a color gradient yet, several preset options are displayed for you to choose. Select any preset gradients to open the option panel.

• If you've already set up a color gradient, then click a gradient option to open the option panel directly.

• If you did set up a mono color and want to change to gradient, please remove the color code in CSS code field. Next, click a gradient option to open the option panel directly.

Color gradient only works for settings having "Custom css" or "Linear gradient" in the Editor.