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

# CSS Teaser Modification

## **Change the Teaser Size**

```
.dydu-teaser-brand {
    height: 110px;
    width: 110px;
}
```

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2F8zSbK1KRJ6SByjQDk1kR%2Fimage.png?alt=media\&token=35f39d88-9b6f-466e-b16a-70fbe3001178) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FfKswmK4yfOpQKpXoLaEW%2Fimage.png?alt=media\&token=0b320c3a-f5ff-422b-97bc-6a6954b97323) |

## **Change the Button Color**

```
.dydu-teaser-button {
  color : blue;
  background-color: white;
  border : 1px solid;
}
```

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FsFyJdxgc4tm0NrmJJrp7%2Fimage.png?alt=media\&token=42a2e291-e9c7-4d2e-8e23-c0b995fbb02c) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FHRyP4FaNCijExDCNwSyP%2Fimage.png?alt=media\&token=fa0e899b-06e6-4fa2-970a-a2cb9a4d174b) |

## Hide the Button

```
.dydu-teaser-button{
    display:none;
}
```

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2F9aYLmD06484Ita52uffj%2Fimage.png?alt=media\&token=3ac4ff6b-704c-4b99-98d3-0a7bd436f2d4) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FJmnwmU4m5rHdBpVvuKjy%2Fimage.png?alt=media\&token=6689656d-9088-4c23-92d0-f05cfafc290e) |

## Hide the Logo

```
.dydu-teaser-brand{
    display: none;
}
```

| Before                                                                                                                                                                                                             | After                                                                                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FELjoOnCgQfaeOEaQRP1l%2Fimage.png?alt=media\&token=bab50dde-62e4-4bbe-b391-4ac094756700) | ![](https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2Flhb3wzE7XbHbK4WVHCYR%2Fimage.png?alt=media\&token=267c85cd-d4a0-43a3-9bc9-99b5103ef070) |