# 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="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FOVNStm2LfJdUve6St7Nc%2Fimage.png?alt=media&#x26;token=07c60c59-4143-4ef5-9fc4-c413fcb73638" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FleHVRSmux9h7nFE90IPF%2Fimage.png?alt=media&#x26;token=d025d577-0beb-4867-a367-efc56a2d1536" 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="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FaruD7LbocC0f842FTW7C%2Fimage.png?alt=media&#x26;token=2a889a64-20fa-48ba-ab5c-132b1713ec4d" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FoOO2Pd8yG3HgLKC9p2f4%2Fimage.png?alt=media&#x26;token=fe604ac0-8012-4bcb-bb78-8bcb4eeb7f5a" 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="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FN2eFxhwm4kRibi9ElMoa%2Fimage.png?alt=media&#x26;token=eaa5869f-b0b1-4144-b14d-c346d887d56c" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FOFZfYCDNsi2hTrfArtL4%2Fimage.png?alt=media&#x26;token=571aa7b1-7099-4f58-b5d1-7d28e785ca3f" 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="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F4La33G1qLfwMloTNXwlm%2Fimage.png?alt=media&#x26;token=7236e442-f98f-47d8-b10e-d3eb87a5e200" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FYbsuVrYXiLD8TrnI5xW2%2Fimage.png?alt=media&#x26;token=1b985c87-865a-4ff1-9553-f78e31ba1a2e" 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="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FOYZ1eW19zjTM52V6xJJx%2Fimage.png?alt=media&#x26;token=fcb4ddab-6e35-400c-be67-38fd5224cf22" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FlgSradzKWAwpz50fq973%2Fimage.png?alt=media&#x26;token=1723be0e-d89a-4478-9070-73b740cc6776" alt=""><figcaption></figcaption></figure></div> |