# How to style an element in Orshot Studio

> Select a layer and change its font, size, color, alignment and more from the Styles panel

- **URL**: https://orshot.com/help/style-an-element

---

Every element on your canvas — text, image, or shape — is a **layer**. Styling always works the same way: **select the layer first**, then edit it in the **Styles** panel on the right.

## 1. Select a layer

Click any element directly on the canvas. Selection handles appear around it.

![Selecting a layer on the canvas in Orshot Studio](https://orshot.com/help/studio/style-element-1-select-layer.webp)

## 2. The Styles panel opens

The right panel switches to **Styles** automatically, showing everything about the selected layer:

- **Position & Size** — X/Y, width/height, rotation, layer order
- **Text Content** — the text itself (for text layers)
- **Styles** — color, font, alignment and effects

![The Styles tab opens automatically with the layer's properties](https://orshot.com/help/studio/style-element-2-styles-tab.webp)

## 3. Change the styles

For text layers you can adjust:

- **Text Color** — hex value or color picker
- **Font Family / Size / Weight**
- **Text Autofit** — how text behaves when content changes (see the [API](https://orshot.com/help/make-your-template-dynamic) angle: autofit keeps dynamic text inside its box)
- **Alignment, case, line height, letter spacing**
- **Stroke, background and border**

![Typography controls in the Styles panel](https://orshot.com/help/studio/style-element-3-typography.webp)

## Panel looks empty?

The Styles panel needs a selection. If nothing is selected, it lists your layers — pick one there or click it on the canvas.

![The Styles panel with no layer selected shows a layer list](https://orshot.com/help/studio/style-element-4-empty-state.webp)

## Related