> For the complete documentation index, see [llms.txt](https://docs.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.dydu.ai/integrations/canaux/customisation-avancee/editeur-css/body/modification-css-body.md).

# Modification CSS body

Changer la couleur des bulles de question et réponses : 

`.dydu-bubble-request {`

`background-color: #FEE7E7;`

`}`

`.dydu-bubble-response {`

`background-color:` #ADD8E6`;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/WhY1GI0WYO60QMQVD9AC" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/QHMqmcc1mzNwu8moRpyf" alt=""><figcaption></figcaption></figure></div> |

**Changer la taille des caractères dans les conversations**

`.dydu-dialog {`

`font-size : 13px;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/VQLrbUgOOMZkJpTVv7xk" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/eqeyISTvbpKykf02C1ZF" alt=""><figcaption></figcaption></figure></div> |

\
**Changer la couleur du texte des bulles de questions et de réponses**

`.dydu-bubble.dydu-bubble-response {`

`color : blue;`

`}`

`.dydu-bubble.dydu-bubble-request {`

`color : yellow;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/7fXzwBdr2YRDQd2sQuXR" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/dBkMeNXwtqU8Bn4leOJ7" alt=""><figcaption></figcaption></figure></div> |

**Modification de la taille de l’avatar dans la fenêtre de conversation**

`.dydu-avatar.dydu-avatar-response {`

`width: 6em;`

`height:6em;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/wqsXjX2H6qNYVZfysLFs" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/J65c3K1fO9uZ6p1o39TA" alt=""><figcaption></figcaption></figure></div> |

**Modifier la forme des bulles de réponses et de questions**

`.dydu-bubble.dydu-bubble-response {`

`border-radius : 25px 25px 25px;`

`}`

`.dydu-bubble.dydu-bubble-request {`

`border-radius : 25px 25px 25px;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/0mtswfaGlpUH1iOY564V" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/5dy0Aai1JRQweBNV3MjA" alt=""><figcaption></figcaption></figure></div> |