> 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/css-body-modification.md).

# CSS Body Modification

## Change the Color of the Question and Response Bubbles

```
.dydu-bubble-request {
    background-color: #FEE7E7;
}

.dydu-bubble-response {
    background-color: #FEE7E7;
}
```

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/GMmQW1BkBxDXcNc6xM6B) | ![](/files/qORlIuwypzHaqrmmbPLP) |

## Change the Font Size in Conversations

```
.dydu-dialog {
    font-size : 13px;
}
```

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/9UrADhJ23sNGNxyrtVoe) | ![](/files/tWhDpSYsrNKQ9MeHU2Bl) |

## Change the Text Color of the Response Bubbles

<pre><code>.dydu-bubble.dydu-bubble-response {
<strong>    color : blue;
</strong>}

.dydu-bubble.dydu-bubble-request {
    color : yellow;
}
</code></pre>

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/AN5ZJgPjiDQqDQZv547w) | ![](/files/5AnPIsgymDUE7bjRV8DZ) |

## Change the Size of the Avatar in the Conversation Window

```
.dydu-avatar.dydu-avatar-response {
    width: 10em;
    height:10em;
}
```

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/VQbbThO1ntaOcwhRHhY9) | ![](/files/9ejSjHsqXdQ4X9c0p0mg) |

## Change the Shape of the Response and Question Bubbles

```
.dydu-bubble.dydu-bubble-response {
    border-radius : 15px 15px 15px;
}

.dydu-bubble.dydu-bubble-request {
    border-radius : 15px 15px 15px;
}
```

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/JgHN4zpARYYBROYdItfk) | ![](/files/q59Q4t1qRCSVByKfxXHa) |