> For the complete documentation index, see [llms.txt](https://docs-en.dydu.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-en.dydu.ai/integration/channels/advanced-customization/css-editor/body.md).

# Body

<figure><img src="/files/nNUsVSVDLYFascMTIUIN" alt=""><figcaption></figcaption></figure>

It contains the interaction elements of the chatbox, including the exchanges between the bot and the user.

**dydu-chatbox-body**

Global CSS for the body

* size
* position
* color

**dydu-dialog**

Global CSS for dialogues

* position

**dydu-interaction dydu-interaction-response**

CSS for the response part of the chatbox

* logo display
* position

**dydu-bubble dydu-bubble-response**

CSS for configuring the chatbox response bubble

* position
* color

**dydu-feedback-vote**

CSS for the satisfaction section

* position

**dydu-button dydu-button-icon**

CSS for the satisfaction buttons, there are two, each corresponding to a type of response

* position
* image
* color

**dydu-interaction dydu-interaction-request**

CSS for the user question section

* position

**dydu-bubble dydu-bubble-request**

CSS for configuring the user question bubble

* position
* color