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

# CSS Header Modification

## Change the Header Avatar Size

<pre><code>.dydu-header-image {
<strong>    height: 100px;
</strong>    width: 100px;
}
</code></pre>

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/sRRmgxP5agUjBkmtIHiZ) | ![](/files/HFaW0TEcE5z5eYnukefX) |

## Remove the Header Logo

```
.dydu-header-image{
    display: none;
}
```

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/FdYK0lGCg71LW5Fx8kq7) | ![](/files/mF5PIqay0q1Hs7fXC4BR) |

## Change the Header Text Color

<pre><code>.dydu-header-body{
<strong>    color : yellow;
</strong>}
</code></pre>

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/JrDDCFXZdbFQEsQ6aYjE) | ![](/files/wl7uoNL09zBDJSq3xa3c) |