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.
📷 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.
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.