# 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).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs10.xenioo.com/actions-and-operations/content/custom-class.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.