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

# Modification CSS header

**Changer la taille d’avatar de header**

`.dydu-header-image {`

    `height: 80px;`

    `width: 80px;`

`}`

| Avant                                                                                                                                                                                                                                                  | Après                                                                                                                                                                                                                                                                                     |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><br><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F2WrslpLN7vKZ8PA22Fxn%2Fimage.png?alt=media&amp;token=448f3b98-582a-42c8-bd60-137f9ae53b7a" alt=""></p><p></p> | <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F74YSnJOmovomzXnziXqL%2Fimage.png?alt=media&amp;token=79b36922-0583-44d7-bcba-8da199325827" alt=""><figcaption></figcaption></figure></div> |

**Supprimer logo header**

`.dydu-header-image{`

`display: none;`

`}`

| Avant                                                                                                                                                                                                                                                                                     | Après                                                                                                                                                                                                                                                                                     |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F30FQjGLb8scLZ4dO4k9R%2Fimage.png?alt=media&amp;token=2d99eb60-ab3c-42df-be4e-99454a60c4fb" 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%2FduZSIEKInXbiSmTtlBA3%2Fimage.png?alt=media&amp;token=b952a3df-a04d-4a2e-b304-0092100ce0af" alt=""><figcaption></figcaption></figure></div> |

<br>

**Changer la couleur du text header**&#x20;

`.dydu-header-body{`

`color : red;`

`}`

| Avant                                                                                                                                                                                                                                                                                     | Après                                                                                                                                                                                                                                                                                     |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <div><figure><img src="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2F1j4dGXf4r4WxOZwFiD9j%2Fimage.png?alt=media&amp;token=05790275-bde5-4fd7-8613-0a9b3acba837" 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%2FbYsJIquAuSB3wyPpqaKe%2Fimage.png?alt=media&amp;token=755c7a93-2e0e-4883-a6f6-e8db2ca905ae" alt=""><figcaption></figcaption></figure></div> |

\
\
\
\
\
\
\
\ <br>