# 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                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FIiHezBs9P613kY6lPFRt%2Fimage.png?alt=media\&token=569030d0-d19c-4c69-b01e-6d3cfaa14aa1) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2Fk0AGBdBEKZGTGR2yS9N7%2Fimage.png?alt=media\&token=a197f7d9-e91c-4af4-8d57-247c7f078fbb) |

## Change the Font Size in Conversations

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

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FUwftLkVyaS29SJ6mZKcw%2Fimage.png?alt=media\&token=8b4ceebb-8bc0-400a-b057-2d357b92e94a) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FAmppSEWJfYPqqIMa4V9h%2Fimage.png?alt=media\&token=66844409-f95e-4013-bb8c-756f17504fef) |

## 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                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2Fzbyt2JxMX5WJGAhR3sq1%2Fimage.png?alt=media\&token=b96cd7b3-2e73-49a5-9bbc-dda7e0758031) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FAu9WcHBUdTBAYJmUM9fo%2Fimage.png?alt=media\&token=6b0f891a-99ce-48ee-b3c2-aee96cfefd04) |

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

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

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2Ff4aRQfx2u4UPe7SMgprJ%2Fimage.png?alt=media\&token=1bb0bbcf-3ad3-463c-b702-5036b52935ff) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FV5aouNJQ0Mbt9zGixxoS%2Fimage.png?alt=media\&token=c92b0da4-f36b-4e2e-9d0b-388d6718ffa7) |

## 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                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2F8f3O06k7mSmnue1arcEV%2Fimage.png?alt=media\&token=2573ce6f-2170-49aa-80f7-7cfbd77284fe) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2F38zdNKTx6OXmD0uXFRkc%2Fimage.png?alt=media\&token=71471405-9706-4e31-9bec-3dcd229c720a) |