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

# Pokladna - Styl

> Nastylujte pokladnu: barvy, typografii, vstupy, tlačítka, dlaždice, rozložení, logo a vlastní CSS.

![Panely stylu pokladny pro barvy, typografii a komponenty](https://mintcdn.com/twicecommerce/J8PvWLtfo8Bk95ka/images/checkout-editor-styling.webp?fit=max\&auto=format\&n=J8PvWLtfo8Bk95ka\&q=85\&s=4c7c61bd35a19178a33473f9153179ee)

Nastavení > Pokladny > \[Pokladna] > Styl

Každá pokladna má svůj vlastní motiv, oddělený od motivu storefrontu, takže může nezávisle odpovídat vaší značce. Styl je rozdělen do sekcí níže.

## Logo

| Nastavení | Popis |
| - | - |
| Logo | Logo zobrazené v záhlaví pokladny. |
| Šířka loga | Vykreslená šířka loga. |

## Barvy

Barvy pozadí, textu, rámečku, akcentu a odkazů, plus barvy pozadí, textu a obrysu tlačítek.

## Typografie

| Nastavení | Popis |
| - | - |
| Písmo nadpisů | Rodina písma pro nadpisy, se škálou pro zvětšení nebo zmenšení. |
| Písmo textu | Rodina písma pro běžný text, s vlastní škálou. |

## Vstupy a tlačítka

| Skupina | Nastavení |
| - | - |
| Vstupy | Barvy pozadí, textu, popisku a rámečku; tloušťka rámečku; poloměr rohu. |
| Tlačítka | Poloměr rohu a tloušťka rámečku. (Barvy se nastavují v části **Barvy**.) |

## Rozložení

Šířka stránky a odsazení kontejneru pokladny.

## Komponenty

Nastylujte stavební bloky pokladny (oddělovače, ukazatel postupu, dlaždice plateb, dlaždice doručení, dlaždice dalších podrobností a kartu souhrnu objednávky), každý s vlastním pozadím, textem, rámečkem, poloměrem, tloušťkou a odsazením.

## Vlastní CSS

Přidejte vlastní CSS pro cokoli, co vizuální nastavení nepokrývají. Stejně jako u storefrontu se vlastní CSS před uložením sanitizuje.

## Související články

> **[Kroky a sekce](https://www.twicecommerce.com/docs/cs/settings/checkouts/steps.md)**
>
> Nakonfigurujte tok pokladny a pole.

> **[Editor motivu](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/overview.md)**
>
> Nastylujte samotný storefront.


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