All the styling lives on the block itself. Go to **Online Store → Themes →\
Customize**, click the **Ask Any AI** block on your product template, and the\
settings appear in the panel on the right.

Whatever you change applies to the widget on every product page.

![](https://support.aruslabs.co/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBMZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--c04b298315c8d21a93db553c5a6cd61719c7c907/screenshot%209.jpg?cw_image_width=612px)

> 📷 The theme editor with the Ask Any AI block selected and the settings panel.

## Header

**Logo / icon** is shown in the widget header. Leave it empty to use the default\
mark.

**Heading** defaults to "Ask Any AI".

**Description** is the line underneath, defaulting to "Ask questions to any AI".

## Predefined questions

**Layout** is either *Show all (stacked)* or *One at a time (auto-rotating)*. See\
[Predefined questions](/hc/askanyai/en/articles/predefined-questions).

## Appearance

| Setting                                             | Default                                              |
| --------------------------------------------------- | ---------------------------------------------------- |
| Primary color — buttons, selected chips, highlights | `#303030`                                            |
| Text on primary                                     | `#ffffff`                                            |
| Background                                          | `#ffffff`                                            |
| Input / muted background                            | `#f7f7f7`                                            |
| Text                                                | `#000000`                                            |
| Muted text                                          | `#6b6b6b`                                            |
| Border / outline                                    | `#ebebeb`                                            |
| Border width                                        | 1px (range 0–4)                                      |
| Corner radius                                       | 0px (range 0–32)                                     |
| Font                                                | Theme font, or system sans-serif / serif / monospace |
| Internal padding                                    | 0 = responsive default (range 0–48px)                |
| Maximum width                                       | 0 = fill the column (range 0–900px)                  |

## Getting it to fit your theme

Two settings do most of the work: set **Primary color** to whatever your buttons\
use, and **Corner radius** to match them. That's usually enough for the widget to\
stop looking bolted on.

Leave **Font** on *Theme font* unless you've got a specific reason not to, since it\
inherits your store's typography and stays matched if you restyle later. Leave\
**Maximum width** and **Internal padding** at 0 too — both defaults are responsive,\
and fixed values aren't.