> For the complete documentation index, see [llms.txt](https://seedgrow.gitbook.io/whatsapp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://seedgrow.gitbook.io/whatsapp/setup-guide/customize.md).

# Customize

You can customize the appearances of the WhatsApp icon using CSS. Below you can find some useful snippets. Please note that you must be familiar with coding before trying these codes.

The steps are as follows:

1. Navigate to the theme directory and open **Assets** folder
2. Open `seedgrow-whatsapp-style.css` file
3. Add your code
4. Click **Save**

![](/files/x325YJAyYkQMRL8lqwbG)

#### Change the size of the icon

```
.wa__btn_popup .wa__btn_popup_icon {
   height: 40px;
   width: 40px;
}
```

```
.wa__btn_popup .wa__btn_popup_icon:before {
   background-size: 20px auto;
   -webkit-background-size: 20px auto;
   -moz-background-size: 20px auto;
}
```