## Zoho Commerce Help Documentation Index

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

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

# Theme Settings

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)