> 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                            |
| -------------------------------- | -------------------------------- |
| ![](/files/8Z1JcXjFLV2OYcpsBHCy) | ![](/files/pVbXfVehB622pS8JuoDV) |

## **Change the Button Color**

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

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/IafAbnEhbGcWiJM5hu5K) | ![](/files/sKdtKVDIwKXESWQul8If) |

## Hide the Button

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

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/akuEFp5gEDf6VIT2xSub) | ![](/files/SVIoxwjQw2TzNqK9vmWf) |

## Hide the Logo

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

| Before                           | After                            |
| -------------------------------- | -------------------------------- |
| ![](/files/ruwDmOrCev7iaWwmZo0V) | ![](/files/71OHmpl2YeixIspOJpfu) |