## Zoho Commerce Help Documentation Index

Access the complete documentation index at:
https://www.zoho.com/en-us/commerce/help/llms.txt

Use this file to discover all available documentation pages before proceeding.

# Theme Settings

 ![](/commerce/images/ue-resources/llm-utility-menu/sparkle-ai.svg) Explore With AI ![](/commerce/images/ue-resources/llm-utility-menu/dd-arrow.svg) 

*   [Open in ChatGPT (opens in new tab)](https://chatgpt.com/?prompt=Analyze+the+content+of+https%3A%2F%2Fwww.zoho.com%2Fen-us%2Fcommerce%2Fhelp%2Ftheme-editor%2Ftheme-settings%2F+and+understand+it+thoroughly+so+I+can+ask+questions+about+it.)
*   [Open in Claude (opens in new tab)](https://claude.ai/new?q=Analyze+the+content+of+https%3A%2F%2Fwww.zoho.com%2Fen-us%2Fcommerce%2Fhelp%2Ftheme-editor%2Ftheme-settings%2F+and+understand+it+thoroughly+so+I+can+ask+questions+about+it.)
*    ![Copy for LLM](/commerce/images/ue-resources/llm-utility-menu/copy.svg) Copy for LLM
*    [![View as Markdown](/commerce/images/ue-resources/llm-utility-menu/md.svg) View as Markdown (opens in new tab)](/en-us/commerce/help/theme-editor/theme-settings/index.md)

Theme Settings contains global style options, such as colors, fonts, layout, and button styles that apply across your entire online store at once. Changing a value here updates every section that uses it, rather than editing each section individually.

* * *

## Opening Theme Settings

Click **Theme Settings** in the toolbar. The _Theme Settings_ panel opens on the right.

![Theme Settings panel](/commerce/help/new-theme-editor/theme-settings.png)

* * *

## Settings Groups

Settings are organized into expandable groups. Click any group header to expand it and see its options.

![Theme Settings Groups](/commerce/help/new-theme-editor/block-group-properties.png)

Some of the most common groups include:

Group

What it controls

**Colors**

Primary color, background color, text color, and more

**Font family**

Heading and body font choices

**Layout**

Section spacing and page width

**Buttons**

Button border, size, and color

**Message bar**

Announcement bar styling

**Product cards**

Card background, border, and display options

The groups and settings vary based on the theme you are using. Some themes have additional groups, such as **Category**, **Media**, and **Blog**.

* * *

## Editing Settings

Click on any setting to change it:

*   **Color fields** - Click the color swatch to open the color picker, or type a hex value directly
*   **Font dropdowns** - Choose from the available font options
*   **Sliders** - Drag to adjust numeric values
*   **Text inputs** - Type a value directly

![Editing Theme Settings](/commerce/help/new-theme-editor/properties-output.png)

Every change updates the canvas preview immediately.

* * *

## Saving

Theme settings changes are saved when you click **Save** or **Publish** in the top bar.

![Save and Publish buttons](/commerce/help/new-theme-editor/save-publish.png)