> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ecomwize.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Style panel

> Set the page background and fine-tune size, layout, typography and colors of any element.

The **Style** tab in the right panel controls how the selected element looks. With nothing selected, it controls the page background.

![The Style tab in the right panel](https://assets.ecomwize.io/docs/shots/style-panel.png)

At the top you find **Edit with AI** (send your selection to the [agent](https://docs.ecomwize.io/builder/ai-agent.md)) and **Show code** (see [Code editing](https://docs.ecomwize.io/builder/code-editing.md)). If a product is linked, **Page product** shows it with a button to change it.

## Change the page background

Click an empty area so nothing is selected. Under **Fill**, pick a background color. Your brand colors are available here.

## Style an element

Click a section or element on the canvas. The panel shows its controls:

![The Style panel controls for a selected element](https://assets.ecomwize.io/docs/shots/style-panel-crop.png)

| Group | What you can change |
| - | - |
| Position and Size | Where it sits and how big it is |
| Layout | Wrap, Columns, Gap |
| Opacity, Corner radius, Rotation | Basic look |
| Typography | Font size, Line height, Letter spacing, Italic |
| Fill and Stroke | Background color and border |
| Style | Shadow, blur, Z index |
| Classes | The element's style classes |

## Style desktop and mobile separately

Edits you make in **Desktop view** apply to desktop. Switch to **Mobile view** in the top bar to make edits that apply to mobile only.

> [!TIP]
>
> Check both views before you publish. A font size that works on desktop can be too big on a phone.

## Use special block panels

Some blocks have their own panel with extra options: carousel, video, countdown, bundle, collection source, add to cart and app widget. The app widget panel has an **Open app embeds** button. See [App embed](https://docs.ecomwize.io/publish/app-embed.md).

## Related

> **[Edit on the canvas](https://docs.ecomwize.io/builder/edit-on-canvas.md)**

> **[Brand kits](https://docs.ecomwize.io/brand-kits/brand-kits.md)**

> **[Code editing](https://docs.ecomwize.io/builder/code-editing.md)**

> **[App embed](https://docs.ecomwize.io/publish/app-embed.md)**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.