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