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

# Branding & styling

> Style the limit messages to match your store — presets, colors, fonts, and custom CSS.

The **Branding** page controls how limit messages look on your storefront.
Changes apply to all limits and include a live preview so you can see the
result before saving.

## Preset

Start from one of three presets:

* **Light theme**
* **Dark theme**
* **Basic theme**

## Position

Choose the **Display type**:

* **Inline** — the message renders directly on the page, near the product
  form or cart items
* **Popup** — the message appears as a popup

## Styling

Fine-tune the appearance:

| Setting                 | Description                             |
| ----------------------- | --------------------------------------- |
| Background color        | Message background                      |
| Text color              | Message text                            |
| Font family             | Typeface used for messages              |
| Text alignment          | Left, Center, or Right                  |
| Font size               | Message text size                       |
| Contact us button color | Color of the contact button, when shown |

## Advanced settings: custom CSS

The **Custom Css (Developer Zone)** field accepts your own CSS for full
control over the message appearance — useful when your theme needs
something the styling controls don't cover.

<Warning>
  Custom CSS is applied as-is. Test on your storefront after saving, and
  clear the field to return to the standard styling.
</Warning>

## Preview and save

Use the **Preview** panel to check the result, then click **Save**.
**Reset** restores the default branding.

## Need help?

<CardGroup cols={3}>
  <Card title="Book a call" icon="calendar-days" href="https://cal.com/yukoteam/yuko">
    Schedule a free call with our team for personal setup assistance.
  </Card>

  <Card title="Contact support" icon="comments" href="#crisp-chat">
    Chat with us directly — we're happy to help with any question.
  </Card>

  <Card title="Install Yuko Order Limits" icon="download" href="https://apps.shopify.com/yuko-order-limits">
    Get [Yuko Order Limits](https://apps.shopify.com/yuko-order-limits) from the Shopify App Store.
  </Card>
</CardGroup>


## Related topics

- [Styling your offer](/post-purchase-upsells/customization/styling.md)
- [Quick start: your first limit](/order-limits/quickstart.md)
- [Checkout offers (Shopify Plus)](/post-purchase-upsells/upsells/checkout-offers.md)
- [Post-purchase offers](/post-purchase-upsells/upsells/post-purchase-offers.md)
- [Thank-you page offers](/post-purchase-upsells/upsells/thank-you-offers.md)