# CSS Header Modification

## Change the Header Avatar Size

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

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FEh5L13TrvaoSGvInnFXM%2Fimage.png?alt=media\&token=da41e995-7ef2-4f50-9b59-035b7b825d48) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FWMIN033W94kRwLwvS5VH%2Fimage.png?alt=media\&token=9a8e9813-79cb-4003-a54c-1e700d491e9b) |

## Remove the Header Logo

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

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FpE8ACbbbCb2XAHRkPBzm%2Fimage.png?alt=media\&token=ca001992-0761-4b93-9362-680c62063461) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FoHtx1DiV6gJQ92NEjgEM%2Fimage.png?alt=media\&token=0e953792-8a81-4f9a-8365-2462e4b3cd5a) |

## Change the Header Text Color

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

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FsuCtTJG6FQM6c7SOTbQV%2Fimage.png?alt=media\&token=74dbb4e6-6a4c-4c4c-afaf-4229c4d3037f) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FolNppByvshdhboHF0vj4%2Fimage.png?alt=media\&token=857ea7a5-292e-4048-9188-556790e2b908) |