> For the complete documentation index, see [llms.txt](https://ninjateam.gitbook.io/whatsapp-for-wordpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ninjateam.gitbook.io/whatsapp-for-wordpress/how-it-works/more-customization-with-css.md).

# More customization with CSS

You can also customize the widget and button text by adding the CSS code to:

* Themes use classic editor:  **WooCommerce > Appearance > Customize > Additional CSS** 
* Themes use block editor: **{your-domain}/wp-admin/customize.php >Additional CSS** 

<figure><img src="https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeCTOZy1Bnz2PGK2y9cHt%2Fuploads%2Fyhn9W1jzqEeuEdjrxENK%2Fadditional-css.png?alt=media&amp;token=2b67da83-056f-4a52-b8af-e78cc0584546" alt=""><figcaption></figcaption></figure>

You can edit with the following elements:

<div><figure><img src="https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeCTOZy1Bnz2PGK2y9cHt%2Fuploads%2FzLsI0Lbw2HLSM4kV8MfC%2F2023-06-15_11-14-54.png?alt=media&amp;token=dc25dcac-779e-427f-92ae-2fd2203cfc79" alt=""><figcaption></figcaption></figure> <figure><img src="https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeCTOZy1Bnz2PGK2y9cHt%2Fuploads%2FdOVdMo0F06UKH2vuKDJW%2F2023-06-15_11-27-20.png?alt=media&amp;token=ae5bee78-4aaa-444f-a47a-993040bfeaef" alt=""><figcaption></figcaption></figure> <figure><img src="https://2344290030-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeCTOZy1Bnz2PGK2y9cHt%2Fuploads%2F0z44iLKEujoDTwX3TGOl%2F2023-06-15_15-58-23.png?alt=media&amp;token=69903004-3a5d-4563-ba76-0dd2f6f91001" alt=""><figcaption></figcaption></figure></div>

1. Widget Text: `#wa .wa__popup_title`
2. Description: `#wa .wa__popup_intro`
3. Response Time Text: `#wa .wa__popup_notice`
4. Account name (Widget): `#wa .wa__member_name`&#x20;
5. Title: `#wa .wa__member_duty`
6. Widget Label Text: `#wa .wa__btn_popup_txt`
7. Account name (Button): `.wa__cs_info .wa__cs_name`
8. Online (Account status): .wa\_\_cs\_info .wa\_\_cs\_status
9. Button Label: `.wa__btn_txt .wa__btn_title`

eg:&#x20;

* Font name : 'Open Sans'
* Size : Account name : 18&#x20;

&#x20;               Button Label : 18&#x20;

&#x20;               Title : 16&#x20;

&#x20;               Text : 14&#x20;

&#x20;               Widget Text : 18&#x20;

&#x20;               Widget Label Text : 16&#x20;

&#x20;               Response Time Text : 14&#x20;

&#x20;               Description : 16

```
#wa .wa__member_name, #wa .wa__cs_name, #wa .wa__btn_title{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
}
#wa .wa__member_duty, #wa .wa__popup_intro, #wa .wa__btn_popup_txt{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
#wa .wa__popup_notice{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
```