Color Gradient

You can set up a gradient of colors in Bonnita 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 which you see in theme setting.

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.

Last updated