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

# Modification CSS teaser

**Changer la taille de l'image du teaser**

  `.dydu-teaser-brand {`

    `height: 110px;`

    `width: 110px;`

`}`

| Avant                                                                                                      | Après                                                                                               |
| ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <p></p><div><figure><img src="/files/ScQIlHex2Wca165VBf0W" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/Dap88kHu4o9I772q4w7z" alt=""><figcaption></figcaption></figure></div> |

<br>

&#x20;**Changer la couleur de la bordure, de l'écriture et du fond du bouton**&#x20;

&#x20; `.dydu-teaser-button {`

&#x20; `color : red;`

&#x20; `background-color: white;`

&#x20; `border : 4px solid;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/Uo3WlwZLd3Ti2NN9Fm83" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/3uym6QIBlnQvpeaoLzs2" alt=""><figcaption></figcaption></figure></div> |

<br>

**Masquer le bouton**&#x20;

`.dydu-teaser-button{`

`display:none;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/7qzgPPlWcLBNhFXE9msh" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/hhSWODS3KvSsvbupOuxh" alt=""><figcaption></figcaption></figure></div> |

<br>

**Masque le logo du teaser**

`.dydu-teaser-brand{`

`display: none;`

`}`

| Avant                                                                                               | Après                                                                                               |
| --------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| <div><figure><img src="/files/0OTG9uvM0Mbo6WgZXHHB" alt=""><figcaption></figcaption></figure></div> | <div><figure><img src="/files/6Y5WqCGM3VB3BcTthC8B" alt=""><figcaption></figcaption></figure></div> |