> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/product-personalizer/layer-settings.md).

# Element settings

Every card on an option's Personalizer tab, and the page that explains each one.

Once the **Personalizer** switch is on in an option's **Personalizer** tab, the cards below it control the element printed on the product image. Each card is explained on its own page.

<figure><img src="https://3141646361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkMyxhAk2ZlJa4wZQGfBI%2Fuploads%2Fgit-blob-85599eb8092497edcbefde0280a500f29180f82e%2Fscreenshot-personalizer-text-tab-overview.png?alt=media" alt="The Personalizer tab of a Text option with the Personalizer switch on, showing the Text style and What customers can change cards next to the editor"><figcaption><p>A Text option's Personalizer tab starts with Text style and What customers can change. Position and size and Print area follow further down.</p></figcaption></figure>

## The cards

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Text style</strong></td><td>Color, font size, alignment, and font style for text elements.</td><td><a href="/options/product-personalizer/layer-settings/text-layers.md">Text style</a></td></tr><tr><td><strong>Fonts</strong></td><td>Default, Google, and your own uploaded fonts.</td><td><a href="/options/product-personalizer/layer-settings/fonts.md">Fonts</a></td></tr><tr><td><strong>Text effects</strong></td><td>Stroke, two neon glows, and emboss.</td><td><a href="/options/product-personalizer/layer-settings/effects.md">Text effects</a></td></tr><tr><td><strong>Curve and auto-fit width</strong></td><td>Bend a line of text, and shrink it when it gets too long.</td><td><a href="/options/product-personalizer/layer-settings/curve-and-auto-fit.md">Curve and auto-fit width</a></td></tr><tr><td><strong>Shape and fill</strong></td><td>The shape of an image element, and how the photo fills it.</td><td><a href="/options/product-personalizer/layer-settings/image-layers.md">Shape and fill</a></td></tr><tr><td><strong>What customers can change</strong></td><td>Let customers move, resize, or rotate the element on the product image.</td><td><a href="/options/product-personalizer/layer-settings/customer-controls.md">What customers can change</a></td></tr><tr><td><strong>Let customers pick font and color</strong></td><td>Take the font and color of a text element from another option on the form.</td><td><a href="/options/product-personalizer/layer-settings/font-and-color.md">Let customers pick font and color</a></td></tr><tr><td><strong>Position and size</strong></td><td>X and Y position, width, height, rotation, and opacity.</td><td><a href="/options/product-personalizer/layer-settings/position-size-rotation.md">Position and size</a></td></tr><tr><td><strong>Print area</strong></td><td>A crop area the element cannot leave.</td><td><a href="/options/product-personalizer/layer-settings/clip-area.md">Print area</a></td></tr></tbody></table>

## Which cards an element has

<table><thead><tr><th width="230">Element</th><th width="250">Comes from</th><th>Cards</th></tr></thead><tbody><tr><td><strong>Text</strong></td><td><a href="/options/option-types/input-types/text.md">Text</a>, <a href="/options/option-types/input-types/textarea.md">Textarea</a>, <a href="/options/option-types/input-types/number.md">Number</a></td><td><strong>Text style</strong>, <strong>What customers can change</strong>, <strong>Position and size</strong>, <strong>Print area</strong></td></tr><tr><td><strong>Image</strong></td><td><a href="/options/option-types/input-types/file-upload.md">File upload</a> and eight selection types</td><td><strong>Shape and fill</strong>, <strong>What customers can change</strong>, <strong>Position and size</strong>, <strong>Print area</strong></td></tr></tbody></table>

For the settings each option type gets, see [What you get by option type](/options/product-personalizer/setup.md#what-you-get-by-option-type).

{% hint style="warning" %}
Two settings stop customers from submitting a design you cannot produce:

* [Auto-fit max width](/options/product-personalizer/layer-settings/curve-and-auto-fit.md#auto-fit-max-width) shrinks long text instead of letting it run off the product.
* [Crop area](/options/product-personalizer/layer-settings/clip-area.md) keeps an element on the printable part of the product. Turn it on whenever customers can move or resize the element.
  {% endhint %}

## Settings are per option

Each option keeps its own settings. A `Name` text element can use a script font across the front, while a `Date` text element is small and straight below it. Nothing on the **Personalizer** tab is store-wide.

The background is shared by every element in the option set. See [Choosing the background](/options/product-personalizer/setup.md#choosing-the-background).

When the Personalizer is off, the cards stay visible but dimmed, and the option works as a normal form field.
