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

You can edit with the following elements:

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

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:

• Font name : 'Open Sans'

• Size : Account name : 18

Button Label : 18

Title : 16

Text : 14

Widget Text : 18

Widget Label Text : 16

Response Time Text : 14

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;
}