Getting Started

Global Styles lets you set Global or primary Colors for your entire site. The features in Global Styles enhance users’ control over site colors and easiness.

How to find Global Color option?

Go to the Global Styles option in the left panel of the site dashboard, then select Colors from the Global Styles modal.

How to add Global Colors?

You can add Solid and Gradient colors on Global color list. Check below to see how: ⏬

Solid

✅ You can list Solid colors here. To add more solid colors on the list click + Add Solid Color button and choose your preferable one. You can also rename your Color name.

Refer to the screenshot & GIF below:

Gradient

✅ It’s easy to list gradient colors on your Global color list from here. To add Gradient colors on the list click on the + Add Gradient Color button.

Refer to the screenshot & GIF below:

How to apply Global colors to a particular place on a website?

Lets apply Global colors to a Title element on a website. We will go through the step-by-step procedure.


Click on the 🖊️ Edit Element option on the Title, or just simply click on the Title itself.




Expand the Title Styles option, near the Color option, click the Globe icon(🌐) you will find all your pre-set global colors, as shown in the picture below ⬇️




Pick any color!

Related articles

Global Styles Basics

Updated on: 28/05/2024