> 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="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FfLTebgthCx2PeDsQVLnL%2Fimage.png?alt=media&amp;token=9cbbfe76-20c4-4da7-8282-743bed4b18db" 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%2FadcLR3SpLBWjy6ya9w6J%2Fimage.png?alt=media&amp;token=62a97833-9065-44cb-b10d-de6b3ccac085" 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="https://1101559743-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgMQl4578l4DzuAEhrEii%2Fuploads%2FSTobA8CyqM21QlazPyZD%2Fimage.png?alt=media&amp;token=595eaa6f-469e-4065-92d1-cee91c04895e" 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%2FJBW96w0vSvhdk1gtBrFq%2Fimage.png?alt=media&amp;token=12bb63aa-d38a-4e71-8183-e310d46d667c" alt=""><figcaption></figcaption></figure></div> |

<br>

**Masquer le bouton**&#x20;

`.dydu-teaser-button{`

`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%2Fr487RSnCz4567qiCCzn7%2Fimage.png?alt=media&amp;token=478980aa-d8d3-4cf6-84ac-7490f5390b4f" 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%2FW3NHSHuXiN57S028UzQj%2Fimage.png?alt=media&amp;token=cd274097-09ee-4806-89db-2d7072f41efd" alt=""><figcaption></figcaption></figure></div> |

<br>

**Masque le logo du teaser**

`.dydu-teaser-brand{`

`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%2FOXVRHPpwCMsOLnbT4Wga%2Fimage.png?alt=media&amp;token=184ec746-835f-4eb5-80d8-89982e659515" 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%2Fq0ryKQwrGIV2GSfxuQln%2Fimage.png?alt=media&amp;token=abc91772-d43f-4ea3-932c-bd1c1f11fc1f" alt=""><figcaption></figcaption></figure></div> |