Global Colours

Global & Individual Color Settings

Color settings/customisations are split into two main types.

Global Color are a group of colors that have been chosen to reflect a theme's overall color scheme. You can change the global color on a theme and the change will affect all instances of that particular color where it appears on the theme.

Individual Color Settings are put into groups depending on whereabouts on your theme they are used. For example, the 'product page' color group will contain individual color settings for the theme's product page.

When customising the colors on your theme, you can use the global colors setting to customise your theme's overall color scheme, but then if you want to make individual customisations you can select a particular color group and choose to specify the color settings individually (just for that group) which will stop the global colors being used/applied. You can read more about individual color settings here.

Customising Global Colors

On clicking into the colors section you'll see the available global colors presented to you for customisation.

To change a color you can click into the colored square and choose a new color from the color picker.

Alternatively you can enter a new hexadecimal colour reference into the box (indicated on the screenshot below).

When you change the color setting you'll notice the live website preview change accordingly.

When you've made your change to the color click the 'ok' button.

When you've finished making all your global color changes don't forget to save your changes!