Global Colors & Gradients (Pro)

Global Colors and Gradients allow you to edit a color or a gradient in one place and have those changes take effect everywhere that color is used on your site.


To save a color as a global color, click on the color picker select color, choose Global and input box to provide a friendly name for the color.

Alternatively, go to Zion Builder Dashboard -> Presets -> Color Presets -> Global.


When a global color is used, it can be edited by clicking on its preview. For example, clicking on “Global Colors” would open up a color picker to edit that global color. In the front end, you can only create global colors, editing it can be done from the dashboard.

The same process as colors is for Gradients too.

Was this article helpful ?

142 people consider this article helpful
Thank you! We will improve this article.

Didn’t find what you’re looking for? Please let us know

Submit a ticket