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

# Custom CSS for the chat widget

> ZynfoAI has no custom CSS setting for the chat widget. Here's what you can change on the Appearance tab instead, and who to contact if you need more.

# Custom CSS

There's no custom CSS setting for the chat widget.

You can change the widget's look on the **AI Agent** page, in the **Appearance** tab:

* **Primary Theme** and **Header Gradient** colours
* **Widget Position**
* **Border Radius (px)**, **Width (px)** and **Height (px)**
* **Font Size (px)**

<Frame caption="Illustration of the Appearance tab, where all the widget's look settings are.">
  <img src="https://mintcdn.com/zynfoai/TpFuLv_P_rJXw8fL/images/ui/website-chat-widget-hero.png?fit=max&auto=format&n=TpFuLv_P_rJXw8fL&q=85&s=899cfe093b7079f050f3e6ba23729c5d" alt="Chat Widget UI Configuration page on the Appearance tab with colour, position, radius, size and font fields and a live preview" width="2380" height="1192" data-path="images/ui/website-chat-widget-hero.png" />
</Frame>

See [Chat widget text and appearance](/agent-management/content-and-appearance).

If you need a change these settings don't cover, email [support@zynfo.ai](mailto:support@zynfo.ai).

## Related topics

* [Chat widget text and appearance](/agent-management/content-and-appearance)
* [Widget behaviour and settings](/agent-management/advanced-settings)


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