> For the complete documentation index, see [llms.txt](https://docs10.xenioo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs10.xenioo.com/actions-and-operations/content/custom-class.md).

# Custom Class

The Custom Class action will append a custom [Style Sheet class](https://www.w3schools.com/cssref/sel_class.asp) to the parent content action.

![](/files/-M2i66LxqUS_ifMqMYMJ)

### Settings

The action uses the following settings:

| Setting    | Description                                                  | [Parsed](/actions-and-operations/dynamic-parsing.md) |
| ---------- | ------------------------------------------------------------ | ---------------------------------------------------- |
| Class Name | The name of the class you wish to add to your parent content | :white\_check\_mark:                                 |

### Remarks

This operation can be used to apply to your Web chatbot some additional styles based on rules or context. The custom classes may refer to a separate style sheet available in your page or to a style sheet [attached directly](/basic-concepts/publishing/channels/web.md#style-sheet) to your Web chatbot.

By default, Xenioo style sheet will define the following additional classes you can use without including any external style sheet

| Class Name            | Result                                              |
| --------------------- | --------------------------------------------------- |
| xenioo-ok-button      | Add a green background and white text to a button   |
| xenioo-warning-button | Add an orange background and white text to a button |
| xenioo-danger-button  | Add a red background and white text to a button     |

### Trigger

This action has no triggers.

### Variables

This action does not produce any variable.

### Availability

Channel specific availability follows the table below:

| Channel          | Availability    |
| ---------------- | --------------- |
| Facebook         | Not Applicable  |
| WhatsApp         | Not Applicable  |
| Telegram         | Not Applicable  |
| Web              | Fully Available |
| Alexa            | Not Applicable  |
| Google Assistant | Not Applicable  |
| Slack            | Not Applicable  |
| API              | Not Applicable  |

This action can be used only inside interactions and not as child of other actions. This action is available only to [Premium Accounts](/basic-concepts/your-account/the-free-plan.md).
