Comment on page
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;
}
Last modified 5mo ago